网站内页导航菜单

最新推荐文章于 2021-06-05 02:05:59 发布
最新推荐文章于 2021-06-05 02:05:59 发布
阅读量610 收藏
点赞数


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS弹出菜单 - 站点基地 zdbase.com</title>
<style type="text/css">
body {font-family: Arial, Helvetica, sans-serif;line-height: 20px;padding: 50px;background-color: #fcfcfc;font-size: 12px;}
* { margin: 0px;padding: 0px;}
a {color: #336699;text-decoration: none;}
.clear {font-size: 0px;line-height: 0px;clear: both;}
ul, ol {list-style-type: none;}
.menu {width: 200px;background-color: #fff;}
.menu h1 {border: 1px solid #dbdbdb;font-size: 14px;line-height: 29px;height: 29px;padding-left: 20px;background-color: #f1f1f1;}
.menu ul {}
.menu ul li{border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid; border-left-style: solid;border-right-color: #dbdbdb;border-bottom-color: #dbdbdb;border-left-color: #dbdbdb;height: 29px;position: relative;color: #336699;float: left;width: 198px;}
.menu ul li span{border-bottom-width: 1px;font-size: 14px;line-height: 29px;height: 29px;cursor: pointer;position: relative;padding-left: 20px;width: 150px;display: block;}
.menu ul li.this {color: #f83100;background-color: #f2f2f2;}
.menu ul li.this a{color: #f83100;background-color: #f2f2f2;}
.menu ul li.this ol {position: absolute;display: block;}
.menu ul li ol {position: absolute;left: 198px;width: 250px;background-color: #f2f2f2;border: 1px solid #ccc;top: -31px;display: none;}
.menu ul li ol dl {position: relative;padding-right: 8px;padding-bottom: 7px;padding-left: 8px;}
.menu ul li ol dd {padding: 10px;border: 1px solid #e1e1e1;background-color: #fff;}
.menu ul li ol h2 {line-height: 30px;font-size: 12px;height: 30px;}
.menu ul li ol h2 em {float: right;font-weight: normal;font-style: normal;color: #777;cursor: pointer;}
.menu ul li ol small  {font-size: 0px;line-height: 0px;background-color: #f2f2f2;display: block;height: 29px;width: 9px;position: absolute;top: 30px;left: -9px;}
</style>
<script type="text/javascript">
function toggle(){
 var arrayli = document.getElementById("allClass").getElementsByTagName("li"); //获取菜单数组
 for(i=0;i<arrayli.length;i++){
  arrayli[i].onmouseover = function(){
   this.className = "this";
  }
  arrayli[i].onmouseout = function(){
   this.className = "";
  }
  arrayli[i].getElementsByTagName("em")[0].οnclick=function(){
   this.parentNode.parentNode.parentNode.parentNode.parentNode.className = "";
  }
 }
}
window.οnlοad=function(){
 toggle();
}
</script>
</head>

<body>
<div class="menu">
 <h1>所有分类</h1>
 <ul id="allClass">
  <li><span><a href="http://www.zdbase.com/">站点基地zdbase</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p>
   <p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
    <li><span><a href="http://www.zdbase.com/">站点基地-网站素材</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p>
   <p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
  <li><span><a href="http://www.zdbase.com/">站点基地zdbase</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p><p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
    <li><span><a href="http://www.zdbase.com/">站点基地-网站素材</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p>
   <p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
  <li><span><a href="http://www.zdbase.com/">站点基地zdbase</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p><p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
    <li><span><a href="http://www.zdbase.com/">站点基地-网站素材</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p>
   <p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
  <li><span><a href="http://www.zdbase.com/">站点基地zdbase</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p><p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
    <li><span><a href="http://www.zdbase.com/">站点基地-网站素材</a></span>
   <ol><dl><dt><h2><em οnclick="closeBox(this)">关闭</em>栏目分类</h2></dt>
   <dd><p><a href="PNG'<http://www.zdbase.com/content/png.aspx?sClass=1">PNG图标</a></p><p><a href="GIF'<http://www.zdbase.com/content/pic.aspx?sClass=2">GIF图标</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=7">网站模板</a></p>
   <p><a href="JS'<http://www.zdbase.com/content/js.aspx?sClass=4">JS代码</a></p>
   <p><a href="http://www.zdbase.com/content/png.aspx?sClass=9">网页特效</a></p>
   <p><a href="http://www.zdbase.com/content/font.aspx">字体下载</a></p></dd>
   <small>&nbsp;</small></dl></ol>
  </li>
  <div class="clear"></div>
 </ul>
</div>
<br /><br />
<p>站点基地 - 网站素材，PNG图标，网页广告特效代码。网址：<a href="http://www.zdbase.comhttp://www.zdbase.com">http://www.zdbase.com</a></p>
</body>
</html>

alex_BMW
关注
网站导航怎么设置利于网站SEO优化
weixin_44905281的博客
07-02 1853
网站导航是什么 网站导航是对引导用户访问网站的栏目、菜单、在线帮助、布局结构等形式的统称。 网站导航的作用： 网站导航的最终目的就是帮助用户找到他们需要的信息，如果说得详细点，那么可以概括为下面3个用处： 引导用户完成网站各内容页面间的跳转。这个是最常见的，全局导航、局部导航和辅助导航等都是为了引导用户浏览相关的页面。 理清网站各内容与链接间的联系。即对网站整理内容的一个索引和理解，这个...
网站内页模板
09-03
【网站内页模板】设计与应用详解 在网站设计中，内页模板是构成整体网站架构的重要组成部分。它不仅影响着用户体验，也关乎网站的视觉风格、信息传递效率以及搜索引擎优化（SEO）。"品驿"作为这个内页模板的主题，...
织梦网站导航栏html代码,DedeCMS首页导航栏下拉菜单不显示的解决教程
weixin_34298263的博客
05-31 640
Dedecms首页导航栏下拉菜单不显示的问题是很多新手站长普遍遇到的问题，就是Dedecms首页导航栏下拉菜单不显示，但其他页面，如二级页面，文章页面等，都能正常显示，这是什么原因呢？下面跟大家分享下我的Dedecms首页导航栏下拉菜单不显示的解决方法。正如很多网站上都说的，首先复制下面的代码：1 {dede:channelartlist typeid=’top’ cacheid=’cha...
五步轻松优化网站内页，快速引流轻松获客！
LTD_SaaS的博客
05-12 151
如何让自己的企业官网被更多客户找到？ 这是大多数进行数字化营销的企业都在思考着的核心问题，而问题的解决方式也多种多样，但核心关键还是提高网站在搜索引擎中的排名。 一个综合性的网站，大部分的精准流量都是来自于长尾词，而大多数长尾词的优化都是靠文章内页来完成的。因此，想要提升网站的流量，不仅要优化好主要页面，更要合理的优化内页长尾词排名。 为什么要优化内页？ 1、内页参与的关键词排名多，如果使用内页去做排名，几乎每一个内页都可以做一个关键词目标。 2、内页的营销力比首页更强，可以带来更精准的流量。 3、内页做好
五点优化网站内页实用技巧，帮你快速提升网站流量！
LTD_SaaS的博客
11-05 277
一个综合性的网站，大部分的精准流量都是来自于长尾词，那么大多数长尾词的优化都是靠文章内页来完成的。因此，想要提升网站的流量，不仅要优化好主要页面，更要合理的优化内页长尾词排名。 首先来看下优化内页有什么好处？ 1、内页参与的关键词排名多，如果使用内页去做排名，可以告诉你，几乎每一个内页都可以做一个关键词目标。 2、内页的营销力比首页实际上是要强的多，带来的流量更加精准。 3、内页做好排名后首页的排名更加容易参与排名，几乎每个人去做网站排名的时候，都会先做首页主词，等主词做上去后，再考虑内页，而实际上首页做
SEO网站导航系统的优化方法
xu907664462的博客
09-14 1286
　　网站导航系统如何优化，常用的网站导航系统有导航栏，面包屑导航和网站地图。这三种导航栏应该这设置有利于优化呢，今天青竹SEO和你一起来探讨一下。 　　一：网站导航栏目的优化 　　导航栏应该怎么设置比较合理：站在用户需求的角度去设置，满足用户需求。对于SEO来说，合理的导航栏设计，不仅能够促进网站的基础排名和最大限度收录抓取，对提升网站浏览深度，PV增加，降低跳出率带来一定的基础，这也是影响网站跳...
html制作导航框架,HTML框架制作导航.docx
weixin_39995351的博客
06-05 191
HTML框架制作导航本节单词记忆：属性 l.target 2._bla nk 3._self 4._top 5._pare nt网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得 它难以掌握，90%勺原因在于英语单词不过关，所以每节记忆几个单词是非常有 必要的。页面，target在上节作业中，如果单击left窗口中的导航列表超链接(如“注册&认证”、“买 家帮助”等)...
网站SEO框架中，导航如何规划
不了杰
10-16 822
一、网站导航布局综述 　　1、围绕网页关键词展开 　　首页导航围绕首页目标关键词展开，导航词顺序综合考虑用户需求和商业需求两个因素。 　　2、导航中尽量使用文字 　　避免使用图片、FLASH或下拉菜单。 　　3、导航标题分类合理 　　导航不要过分追求大而全，也不要过度细分。 　　4、关键词符合日常用语 　　关键词要符合用户的日常用语习惯，而不要用一些晦涩难懂的词。 　　5、层次和
如何从SEO优化角度设计网站导航栏？
云霸屏CSDN官方博客
02-20 195
导航栏一般位于网站的标题之下的位置，对用户浏览网有着一定的导航作用，引导用户更快速的找到有价值的信息。在搜索引擎蜘蛛进行爬行时，导航条也是首选，优质的导航条不仅能够获得搜索引擎的喜爱还能利于网站权重的传递，更有利于用户体验。那么如何才能设计更巧妙的导航栏呢?接下来，就带大家从SEO优化的角度设计优质的导航栏。一、导航最好使用文字作为链接网站导航锚文本是搜索引擎向站内目录传递权值的入口，同时也是内页...
网站的布局优化很重要之如何优化网站内页
08-22 294
网站的布局优化很重要之如何优化网站内页 企业对网站做SEO优化的目的是让搜索引擎收录自己的网站,并通过关键词将网站排到首页.网站SEO通常有站内SEO和站外SEO两种,站内优化需要对网站本身的内容,比如关键词,网站内容,网站结构等进行优化,而站外SEO则是通过友情链接和外链接来实现的. ...
绿色导航化工工业网站整站模板-绿色 导航 化工 工业 网站 整站 菜单 大图 幻灯.rar
12-18
标题和描述中的关键词“绿色”、“导航”、“化工”、“工业”、“网站”、“整站”、“菜单”、“大图”和“幻灯”揭示了模板的核心特点。首先，“绿色”通常指的是环保和可持续性的概念，这可能意味着模板的设计...
hao123经典风格网站导航_v6.2源码
06-20
修正内页顶栏在chrome上错位的问题 清除部分失效链接 修改提示： 　※ 网站LOGO在images/logo.png修改， 　※ 首页默认搜索引擎在js/config.js修改； 　※ 统计代码在js/tj.js修改； 　※ 留言板管理后台http://你...
卡盟橙色内页
08-10
"modules"可能指的是网页的各个组件或模块，如导航栏、侧边栏、内容区域等，这些模块化的设计有利于代码复用和维护。 在实际应用中，"卡盟橙色内页"的设计可能涉及到以下知识点： 1. **网页布局**：如何有效地组织...
白云蓝天漂亮的环保企业网站模板_白云 蓝色 蓝天 漂亮 环保 企业 整站 精品 导航.zip
02-18
导航栏通常包括首页、关于我们、产品/服务、新闻动态、联系我们等常见模块，方便用户了解企业及其环保业务。 整站模板的设计通常涵盖多个页面，如首页、内页、联系页等，确保企业的各种信息得以充分展示。"整站...
一个基于健身的社交App，内含跑步轨迹绘制，数据可视化展示，即时通讯，看新闻等模块(毕设&课设&实训&大作业&竞赛&项目)
09-20
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用。
java基于ssm+jsp山东红色旅游信息管理系统源码 带毕业论文
最新发布
09-20
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、项目代码都经过严格调试，代码没有任何bug！下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
vue+SpringBoot743基于Java的中珠商城仓库管理系统java毕业设计源码含论文.rar
09-20
jdk版本:jdk1.8+ 前端：vue.js+ElementUI 开发工具：IDEA 或者eclipse都支持 编程语言: java 框架支持：springboot 数据库: mysql 版本不限 数据库工具：Navicat/SQLyog都可以 详细技术：java+springboot+vue+MYSQL+MAVEN 前端采用的Vue框架，后端采用java语言，sprinboot框架，mybatis操作数据源，使用软件：idea,eclipse、MySQL。完成了用户登录管理等模块的设计与实现。完成了系统数据库的设计，并基于MySQL数据库管理系统
ASP网络办公助理设计(论文+源代码).zip
09-20
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。、可私 6信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 、可私信6博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 、可私信6博主看论文后选择购买源代码。
网站建设策划方案详解
它通常包含导航菜单、特色内容和吸引用户的元素。 3.3 内页设计（8） 内页设计需保持一致性，同时针对不同内容进行个性化处理，以提供良好的阅读和浏览体验。 4. 网站功能建设（8） 这部分详述了网站的各项核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值