当前位置:  编程技术>jquery

鼠标滑过导航条改变背景图的jquery实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: jquery实现鼠标经过导航条改变背景图的效果。 例子:   代码示例: 鼠标滑过导航条改变背景图-www. *{ margin:0; padding:0; } body{ text-align:center; background:yellow; } #container{ width:962px; height:auto; b...

本节内容:
jquery实现鼠标经过导航条改变背景图的效果。

例子:
 

代码示例:





鼠标滑过导航条改变背景图-www.

*{
margin:0;
padding:0;
}
body{
text-align:center;
background:yellow;
}
#container{
width:962px;
height:auto;
background:url(/blog_article/b3.jpg);
margin:0px auto;
}
#head{
height:100px;
width:100%;
}
.head_ul{
list-style:none;
margin-left:200px;
}
.head_ul li{
float:left;
width:90px;
height:50px;
line-height:40px;
font-size:20px;
margin-top:40px;
background:url(/blog_article/b1.png);
}
.head_ul li a{
text-decoration:none;
}

#main{
width:100%;
height:1500px;
}
#left{
width:30%;
height:100%;
float:left;
}
#right{
width:70%;
height:100%;
float:left;
}
#clear{
clear:both;
}
#foot{
height:100px;
width:100%;
}



$(function(){
$(".head_ul li").hover(function(){
$(this).css('background','url(/blog_article/b2.png)');
},function(){
$(this).css('background','url(/blog_article/b1.png)');
}
);
});




    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • usb光电鼠标在安装redhat9时应选择哪种鼠标类型?
  • 我的鼠标时usb接口并且是光电3键鼠标,请问如何在redhat9下使用?
  • 图形界面中如何发送鼠标事件/信号,来模拟鼠标动作
  • 昨晚刚安装REDHAT,我的鼠标是 serial,进入系统后,鼠标不能用,怎么解决?
  • unix下鼠标使用很别扭。没有windows下流畅,感觉鼠标每次移动很多个像素,间距很大。怎么回事?
  • 请问一下,安装FreeBSD的时候,我得键盘和鼠标都是USB口的,安装的时候找不到鼠标和键盘怎么办?急!
  • 图形方式使用鼠标的dos程序,在Win98下可以正常显示鼠标光标,而Win2000下不行,有办法吗
  • 完了!linux下删除鼠标竟然使windows2000检测不到鼠标?!解决了给分!!!
  • 系统RESET后,我的鼠标就找不到了!然后我想到重新安装,可是安装向导也找不到我的鼠标了!请问我该怎么办?谢谢!
  • linux启动时就设置进入图形模式(不是加载X-Window),但这个模式下,如果响应鼠标和键盘事件(可以响应所有键值和鼠标按键)!
  • 事件能传递吗,就是子类触发了一个鼠标事件,能不能也将这个鼠标事件发给父类
  • 请问linux中如何快速获得鼠标数据(主要是鼠标位置坐标)
  • 我用JBUILDER作的JPUPUPMEUN show(jpane,getx,gety) 的显示位置老在鼠标下一大截,在JPANE的左上角击鼠标右键出现多余显示
  • applet中如何实现鼠标移到某个区域时,鼠标形状换成手形。就好像超链接一样!
  • GUI界面中鼠标问题
  • linux鼠标不能用!!!!!!
  • 当你神经紧张时,就不用脑子去狂点鼠标,看看你15秒内能点几下鼠标,事先声明,鼠标坏了可别找我啊
  • 命令行换到 xwin鼠标后不能用了
  • 鼠标不能用,主板问题吗?
  • **在线等待**,怎样实现鼠标提示信息




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3