mdsk.net
当前位置:首页 >> 用JquEry如何改变鼠标移过去和移出来的背景图片? >>

用JquEry如何改变鼠标移过去和移出来的背景图片?

<style>#tdNavi .navilmg{background:url(图片地址) 0 0 no-repeat;}#tdNavi .on{background:url(图片地址) 0 0 no-repeat;}</style><script>$("#tdNavi .navilmg").hover( function(){$("#tdNavi .navilmg").removeClass("on");//先移去左右

1:css 写的顺序问题,你把点击的样式跟 滑过的样式分开写,点击的在下面2:点击的时候在添加点击的 样式addClass ("click")你试试

还是得用cssborder-radius:5px;表示圆角5px为半径不过:IE9以下都不支持,因为这个属性是css3如果要考虑这个问题,那就不能用css,要做个圆角的图片,用作背景图,用JS切换

$("#btn").click(function(){ $("body").css("background","颜色或图片地址");})

jq中的mouseover 和 mouseout 可以做到 鼠标移入和移出时 控制css样式的变化

$('#nw').hover( function(){$(this).css('background','red')}, //鼠标移入 function(){$(this).css('background','black')} //鼠标移出);

鼠标样式这个东西挺绕的.我总结下我的经验. 首先不需要用jquery定义鼠标,css里面就有. 语法 cursor:url(你自己的路径),auto; url里面是你自己的路径,auto实际上是后面需要跟的标准样式. 浏览器会先加载你设定路径的样式,如果没有

响应mouseover事件,加个padding-left属性或者margin-left属性就可以了.

少年,确切来说他这个不是改变样式,他2113是外面一个div加载了这个背景,显示第5261一排灰色的4102背景,里面有一个div,也是加载这个背景,不过显示1653的是第二排的有色背景,默认隐藏里面的div,当你鼠标移回动上去的时候,就把里面的div显示fadeIn()出来,移动出答去就fadeOut()隐藏掉

写在hover事件的话 一靠近就会触发.所以几个链接都触发到了.把上面的click去掉,再加一段.$("#Tophead_AD_Buttom li").click(function(){ var HrefLink=$('>b',this).text(); //获取href地址window.open(HrefLink);});window.open 有些浏览器会阻止.提醒下你.直接用a链接写网址比较合适.

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com