求一个网站导航条的效果代码

2024-05-06 10:30

1. 求一个网站导航条的效果代码

求一个导航条网页代码,效果是鼠标移动到文字上,图片从文字下方逐渐升起,这个要用JS写呀,实现的思路很多,比如文字下方放一个DIV,隐藏掉,当鼠标,RXEcxp

求一个网站导航条的效果代码

2. 找一段导航条的代码js的或css都可以

我想说不用别人帮你找吧,自己开一网页,然后查看源文件看结构。如果是火狐连样式都能看到了。

3. 请高手给一段HTML导航条代码

留个邮箱,我发给你。。。

请高手给一段HTML导航条代码

4. 看到某个网站的导航条不错,怎样才能弄到这个导航条的代码

在网页上直接点击右键→“查看源文件”。或者,点击菜单栏里的“查看”→“查看源代码”。两种方式都可以!

5. 急求,谁能提供一个导航条代码,鼠标点击变颜色的?

http://www.wosowoso.com/js/sort/593_1.htm
一些关于导航条的代码特效网址,看看,根据需要自己可以改变一下。

急求,谁能提供一个导航条代码,鼠标点击变颜色的?

6. 求二级导航实现代码,额,求解答DIV+CSS可以加JS

你这样的效果用div+css js做不出来的, 你的图片都输去曲线的,而且还要曲线完美的吻合,这个你得用flash做,不过我有和你这相同效果的代码,发给你

7. 谁能给我做个DIV+CSS的简单导航条代码

    
    
    
test    
    
/*设置通配符样式*/    
*{    
   margin:0;     
   padding:0;    
}    
body{    
   font-size:12px;    
}    
ul{    
   list-style:none;    
}    
a{    
   text-decoration:none;    
}    
   
/*设置二级导航样式*/       
.nav {    
   width:500px;     
   height:30px;    
   background-color:#b4b4b4;    
   /*导航栏居中*/    
   margin:auto;    
}    
.nav ul li {     
   width:100px;     
   height:30px;     
   float:left;     
   position:relative;    
}    
.nav ul li a {    
   display:block;    
   width:96px;     
   border:2px solid gray;     
   height:26px;     
   line-height:26px;     
   text-align:center;    
}    
.nav ul li a:hover {     
   background-color:yellow;    
}    
   
/*设置一级导航样式*/    
.nav ul li ul{    
       
}    
.nav ul li:hover ul{    
   display:block;    
   width:100px;    
   position:absolute;    
   top:30px;    
   left:0;    
   background-color:white;    
}    
.nav ul li:hover ul li a{    
   display:block;    
   width:96px;    
   height:26px;    
   line-height:26px;    
   border:2px solid gray;    
   text-align:center;    
}    
.nav ul li:hover ul li a:hover{    
   background-color:orange;    
}    
   
/*设置三级导航样式*/    
.nav ul li:hover ul li ul {     
       
}    
.nav ul li:hover ul li:hover ul{     
   display:block;     
   width:100px;     
   position:absolute;     
   top:0px;     
   left:100px;    
   background-color:#b4b4b4;    
}    
.nav ul li:hover ul li:hover ul li {     
   width:100px;     
   height:30px;     
}    
.nav ul li:hover ul li:hover ul li a {     
   display:block;     
   width:96px;     
   height:26px;     
   line-height:26px;     
   border:2px solid gray;     
   text-align:center;     
}    
.nav ul li:hover ul li:hover ul li a:hover {     
   background-color:#00CC00;    
}    
.nav ul li:hover ul .nav_jw ul {     
       
}    
.nav ul li:hover ul .nav_jw:hover ul{     
   display:block;     
   width:100px;     
   position:absolute;     
   top:0px;     
   left:-100px;    
   background-color:#b4b4b4;    
}    
.nav ul li:hover ul .nav_jw:hover ul li {     
   width:100px;     
   height:30px;     
}    
.nav ul li:hover ul .nav_jw:hover ul li a {     
   display:block;     
   width:96px;     
   height:26px;     
   line-height:26px;     
   border:2px solid gray;     
   text-align:center;     
}    
.nav ul li:hover ul .nav_jw:hover ul li a:hover {     
   background-color:#00CC00;    
}    
   
    
    
    
    
    
    
一级导航    
       
   二级导航    
           
           三级导航    
           三级导航    
           三级导航    
           
            
   二级导航    
           
           三级导航    
           三级导航    
           三级导航    
           
            
   二级导航    
           
           三级导航    
           三级导航    
           三级导航    
           
            
       
    
一级导航    
       
   二级导航         
   二级导航         
   二级导航         
       
    
一级导航    
       
   二级导航         
   二级导航         
   二级导航         
       
    
一级导航    
       
   二级导航         
   二级导航         
   二级导航         
       
    
一级导航    
       
   二级导航    
           
           三级导航    
           三级导航    
           三级导航    
           
            
   二级导航    
           
           三级导航    
           三级导航    
           三级导航    
           
            
   二级导航    
           
           三级导航    
           三级导航    
           三级导航    
           
            
       
    
    
    
    
    

谁能给我做个DIV+CSS的简单导航条代码

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

自已也可以弄,但是不懂的话比较麻烦!! 如果想快速装修,建议买模板!!/* 淘宝店铺导航栏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;} /* 小结:其实原来默认文字的颜色也挺好的 */ /* 第三部分、分类下的颜色 */