当前位置:首页 » 操作系统 » 导航条源码

导航条源码

发布时间: 2023-03-25 16:26:45

⑴ 求大神用HTML5和CSS做出这个导航条,求源代码,急求大神帮忙

看看合不合你用

<!DOCTYPEhtml>
<html>

<head>
<metacharset="UTF-8">
<title></title>
</head>
<styletype="text/css">
*{margin:0;overflow:hidden;}
i,em,strong{font-style:normal;}
.bar{border-radius:10px;width:450px;box-sizing:;}
.sndliem{display:block;float:right;height:30px;border-right:1pxdashed#666;margin:5px000;}
a{text-decoration:none;height:40px;width:150px;line-height:40px;color:#000000;display:block;background:-webkit-gradient(linear,0%0%,0%100%,from(#b8c4cb),to(#f6f6f8))}
ul,li{margin:0;padding:0;}
.outli>li{list-style:none;float:left;box-sizing:border-box;text-align:center;position:relative;}
.inlili{list-style:none;box-sizing:border-box;text-align:center;background:#DCDCDC;}
ul.inli{display:none;}
.inli0>li{float:left;width:33%;}
.inli0>li:hover{background:#AAA;}
ul.outli>li.sndli:hover>ul{display:block;}
</style>
<body>
<divclass="bar">
<ulclass="outli">
<liclass="sndli">
<ahref="javascript:void(0)">1<em></em></a>
<ulclass="inli">
<li>
<ulclass="inli0">
<li>1.1</li>
<li>1.12</li>
<li>1.13</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>1.21</li>
<li>1.22</li>
<li>1.23</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>1.31</li>
<li>1.32</li>
<li>1.33</li>
</ul>
</li>
</ul>
</li>
<liclass="sndli">
<ahref="javascript:void(0)">2<em></em></a>
<ulclass="inli">
<li>
<ulclass="inli0">
<li>2.1</li>
<li>2.12</li>
<li>2.13</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>2.21</li>
<li>2.22</li>
<li>2.23</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>2.31</li>
<li>2.32</li>
<li>2.33</li>
</ul>
</li>
</ul>
</li>
<liclass="sndli">
<ahref="javascript:void(0)">3</a>
<ulclass="inli">
<li>
<ulclass="inli0">
<li>3.1</li>
<li>3.12</li>
<li>3.13</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>3.21</li>
<li>3.22</li>
<li>3.23</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>3.31</li>
<li>3.32</li>
<li>3.33</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>

⑵ ASp网站源码后台管理都有了。怎么修改像导航条项目等。有教程最好了

修改导航简单 看你有哪些页面要在前台显示 比如关于我们,联系我们之类的 你找到 这些页面 看下他的文件名字 然后 在页面上修改么

asp 网站制作的的时候 有些特点
比如 一个网站头部 ,尾部 导航部分 是公用的 然后他就起名字叫做 head.asp bottom.asp nav.asp , 还有数据库的链接文件 叫做 inc.asp 或 conn.asp 网站常用的方法 函数 工具类 就会放到 function 目录下面 后台管理路径在 admin
你多看下 asp的开源程序就知道了
我推荐你学习 下 zblog 博客的程序

⑶ 哪个网址导航源码最好谢谢!

网址导航源码有很多种呀有360网址导航,hao123网址导航源码,114LA网址导航好像一般都是114LA
PHP网址导航源码推荐去这下载51zxw.org/51zxw

⑷ 简单易懂的jQuery导航(三级菜单)源码

<!--三级操蛋导航-->
<divclass="nav_left">
<divclass="nav_leftlist">
<h2><b></b>用户系统</h2>
<dl>
<dt><b></b>用户管理</dt>
<dd>
<aclass="cur"href="">商户信息<b></b></a>
<ahref="">用户信息<b></b></a>
</dd>
</dl>
</div>
<divclass="nav_leftlist">
<h2><b></b>财务系统</h2>
<dl>
<dt><b></b>系统账务</dt>
<dd>
<ahref="">平台账单<b></b></a>
<ahref="">账单明细<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>商户账务</dt>
<dd>
<ahref="">商户账单<b></b></a>
<ahref="">提现管理<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>用户账务</dt>
<dd>
<ahref="">用户账单<b></b></a>
<ahref="">提现管理<b></b></a>
</dd>
</dl>
</div>
</div>
<style>
.nav_left{background:#232b35;height:100%;width:220px;min-height:600px;position:fixed;top:100px;left:0;}
.nav_leftlist{}
.nav_leftlisth2{height:50px;line-height:50px;padding-left:40px;font-size:16px;background:#3b444f;color:#999999;position:relative;cursor:pointer;}
.nav_leftlisth2b{position:absolute;top:20px;left:13px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:00;cursor:pointer;}
.nav_leftlisth2b.cur{background-position:-16px0;}
.nav_leftlistdl{}
.nav_leftlistdldt{height:50px;line-height:50px;background:#2c3643;font-size:16px;color:#ffffff;padding-left:60px;position:relative;cursor:pointer;}
.nav_leftlistdldtb{position:absolute;top:20px;left:34px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:0-10px;}
.nav_leftlistdldtb.cur{background-position:-16px-10px;}
.nav_leftlistdldd{}
.nav_leftlistdldda{display:block;height:50px;line-height:50px;color:#fff;padding-left:80px;font-size:16px;position:relative;}
.nav_leftlistdldda.cur{color:#ee581c;}
.nav_leftlistdldda.curb{display:block;position:absolute;top:16px;right:-1px;width:11px;height:18px;background:url(../images/icon04.png)no-repeat;background-position:0-20px;}
</style>

</body>

<scripttype="text/javascript"src="../js/jquery.js"></script>
<scripttype="text/javascript">
$(function(){
$('.nav_leftlist').on('click','h2',function(event){
$(this).siblings('dl').toggle();
if($(this).siblings('dl').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
$('.nav_leftlist').on('click','dldt',function(event){
$(this).siblings('dd').toggle();
if($(this).siblings('dd').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
})
</script>

效果图:

⑸ 淘宝店铺导航条怎么做,源代码怎么找到哪里有具体如何做

自已也可以弄,但是不懂的话比较麻烦!! 如果想快速装修,建议买模板!!/* 淘宝店铺导航栏CSS代码之分步详解第一部分、静态背景颜色 */ /* 1、首页/店铺动态/其它导航类目的背景色,这里设为红色 */ .skin-box-bd .menu-list .link{background:red;} /* 2、所有分类的背景色(最左边的),一样设为红色 */ .all-cats .link{background:red;} /* 到这里,发觉右边的颜色还没有变呢,好的,接着下一步 */ /* 3、导航条整个分类段背景色,还是要设为红色,整体布局好看些 */ .skin-box-bd .menu-list{background:red;} /* 注意观察,最右边还有一丝地方没有变 */ /* 4、导航条背景色(是最底层了吧),修补导航右侧缺口,再设为红色 */ .skin-box-bd{background:red;} /* 小结:有点成功感了!换换其它颜色试试看吧 */ /* 背景色最好搭配页头背景图,才能整体大气美观 */ /* 第二部分、分隔线、静态文字的颜色 */ /* 5、首页等分类的右边的分隔线颜色,设为白色 */ .menu-list .menu{border-color:white;} /* 6、所有分类的右边的分隔线颜色,设为白色 */ .all-cats .link{border-color:white;} /* 7、首页/店铺动态/其它导航类目的文字颜色 */ .menu-list .menu .title{color:yellow;} /* 8、所有分类的文字颜色(最左边那个),*/ .all-cats .link .title{color:yellow;} /* 小结:其实原来默认文字的颜色也挺好的 */ /* 第三部分、分类下的颜色 */

热点内容
拉伸压缩 发布:2025-05-20 05:45:30 浏览:925
阿里云的服务器修建在哪里 发布:2025-05-20 05:44:49 浏览:769
网盘存储文件 发布:2025-05-20 05:32:05 浏览:245
linux网卡的mac 发布:2025-05-20 05:31:13 浏览:7
手机照相机文件夹 发布:2025-05-20 05:29:49 浏览:847
数控车床电脑编程软件 发布:2025-05-20 05:29:42 浏览:966
智能pos如何下载安卓 发布:2025-05-20 05:29:08 浏览:343
防病毒源码 发布:2025-05-20 05:25:00 浏览:927
小米自动上传 发布:2025-05-20 05:06:06 浏览:624
王者荣耀引流脚本 发布:2025-05-20 05:06:03 浏览:486