百度的这个导航条的鼠标选中状态的html5 横向滑动导航条效果怎么做

来源：蜘蛛抓取(WebSpider) 时间：2017-12-01 12:40 标签： css3导航条滑动效果
鼠标在滚动翻网页的时候、屏幕有过渡效果、怎么办？_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
鼠标在滚动翻网页的时候、屏幕有过渡效果、怎么办？
我有更好的答案
显卡驱动或者屏幕分辨率的问题·尤其是液晶显示器，分辨率必须恰好合适·
采纳率：68%
为您推荐：
其他类似问题
鼠标的相关知识
换一换
回答问题，赢新手礼包怎样用css实现div选中的效果_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
怎样用css实现div选中的效果
不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:
1.被点击时的效果可以用div:active{
2.鼠标覆盖在上面的时候可以用div：hover{}
3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：
a.先给div添加一个选中的样式比如on{css}；
b.然后在js中$('div').click(function{
$('div').toggleClass(' ','on');
这是jquery自带的一个方法，点击div切换2个class,
采纳率：76%
来自团队：
div:hover{}
本回答被提问者采纳
style&div onmouseover=&00000&&#47.backgroundColor='#fff'&&div& 也可以用链接样式做a{}a.style.backgroundColor='#f4f4f4'& onmouseout=&this
div:focus{
里面写你想要的选中效果样式
你想要一个什么样的选中效果？以下是个红边框的样式div:hover{border:1}
&div onmouseover=&this.style.backgroundColor='#f4f4f4'& onmouseout=&this.style.backgroundColor='#fff'&&00000&/div& 也可以用链接样式做a{}a:hover{}
其他3条回答
为您推荐：
其他类似问题
您可能关注的内容
div的相关知识
换一换
回答问题，赢新手礼包HTML导航菜单选中状态怎么做?JS、JQ都行。 求代码大神们。_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
HTML导航菜单选中状态怎么做?JS、JQ都行。 求代码大神们。
HTML导航菜单选中状态怎么做?JS、JQ都行。
求代码大神们。
做了个简单的导航菜单用来测试这个效果。
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xml...
我有更好的答案
js(id){ return&=&&#fff&.i++) {
js(&left&i=0;#;document.getElementById(id);left&quot.;
js(&=&'; }}&i=0.getElementsByTagName(&div&)[i].onclick=function(){
delBackgroundColor();
left&).background&}for(var&left&
this.style.color&i&js(&'')[i].style.background&=&);)[i].style.color&nbsp.i++){ js(&=&&#06C&;/script&把上面的代码复制到你的&body&标签的最下面就可以了;i&js(& }}function&delBackgroundColor(){ for(var&left&)&script&function&nbsp
大神，放上去了没有用啊?点击的时候没有调用你写的方法..
再测试测试
&html&&head&&meta&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&/&&title&&/title&&style&type=&text/css&&body&{margin:&0padding:&0}#left&{width:&200height:&9999background:&#f7border-right:&1px&solid&#e5ebf1;float:&}#left&div&{height:&40color:񝷏font-size:&14line-height:&40border-bottom:&1px&solid&#f6border-top:&1px&solid&#f6text-align:&}#left&div:hover&{background:&#06C;cursor:color:&#FFF}&/style&&/head&&body&&div&id=&left&&&&&div&导航1&/div&&&&div&导航2&/div&&&&div&导航3&/div&&&&div&导航4&/div&&&&div&导航5&/div&&/div&&/body&&script&function&js(id){ return&document.getElementById(id).getElementsByTagName(&div&);}for(var&i=0;i&js(&left&).i++){ js(&left&)[i].onclick=function(){
delBackgroundColor();
this.style.background&=&&#06C&;
this.style.color&=&&#fff&; }}function&delBackgroundColor(){ for(var&i=0;i&js(&left&).i++) {
js(&left&)[i].style.background&=&'';
js(&left&)[i].style.color&=&'#;; }}&/script&&/html&
采纳率：62%
来自团队：
提醒一下，你的网页是如何构成的，比如点击导航3浏览器是否会刷新，如果会刷新JS就不适用了，如果使用的是iframe或者frames或者Ajax那么就可以单纯使用JS实现。
为您推荐：
其他类似问题
导航菜单的相关知识
换一换
回答问题，赢新手礼包flash鼠标中键滑动 导航栏 怎么做？_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
flash鼠标中键滑动 导航栏 怎么做？
滑动鼠标中键 如何让界面跟随下滑然后出现新内容 跪求详细点。我比较菜鸟 不要复制一堆代码给我！我也不会做。详细些 可以私信给我 加好友聊。有多少分都给了！
我有更好的答案
看附件中是不是你想要的东西，要用FLASH CS5.5或者CS6打开。
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包

我要回帖

更多关于 css3导航条滑动效果 的文章

 

随机推荐