knrt.net
当前位置:首页 >> jquEry里实现鼠标经过变色 >>

jquEry里实现鼠标经过变色

.hover() 方法应该这样用 :.hover(fn1,fn2); 而你把第二个函数写在了hover()之外,给你改了一下,可以用了:------------------------------------------------------------<script> $(document).ready(function(){$('div').hover(function(){$(this).addClass('myblue')},function(){$(this).removeClass('myblue')});});</script>

少了一个逗号,还有跨号位置错了.整理后的代码:&lt;script&gt; $(document).ready(function(){ $('div').hover( function(){ $(this).addClass('myblue') }, function(){ $(this).removeClass('myblue') } );});&lt;/script&gt;

$(选择器).hover(function(){},function(){})hover里面有两个function参数第一个function代表鼠标移上该元素时触发第二个function代表鼠标移开该元素时触发这里可能你做的是 odd和even这两个css的类设置了一个颜色.然后在鼠标移上(触发第一个function)的时候将这个元素的odd和even都去掉(也就是这个元素不再引用odd或even的css了).就会使颜色变为默认的或其它css(被odd或even冲突而覆盖)的颜色然后在你鼠标再移开.再将odd和even添加到元素中

$(function(){ $("div").mouseover(function() { $(this).attr("class",'b'); }); $("div").mouseout(function() { $(this).attr("class",'a'); }); })

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

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

以下方式应该都可以实现 :1.不需要写hover,用onmouseover 和onmouseout来实现2、&lt;a href="#"&gt;&lt;div&gt;&lt;/div&gt;&lt;/a&gt;,即用&lt;div&gt;标签放入&lt;a&gt;中

<style type="text/css">.a{ width:100px height:100px; border:#2a2a2a solid 1px;}.a:hover{ border:#FF0000 solid 1px;}</style><div class="a"></div>

不知道rgb的值是怎么得来的.$(document).mousemove(function(e){console.log(e.pageX,e.pageY)})这样可以获取坐标..rgb(red,green,black)只要改green的值从0到255就行了吧..其他两个定为255??不会这个转换.

汗 这肯定啊 因为tr太多了你要用mouseover的事件来获取this对象 此时你就直接操作this对象的颜色即可多试试 有种方法不行就换一种 只有你想不到的 没有做不到的

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