网站使用了大量的图片,想给一些图片加上一个特效,鼠标经过的时候变亮(不透明度0.8),鼠标离开的时候变回1.0,直接用CSS的伪类没有渐变效果,有点生硬。
请大神帮我写一段jQuery代码,最好能在图片里面加一个标签就能全站调用的,渐变时间300ms就好了。可以给个红 .包
兄弟,你这个代码怎么部署呀,能加个class说明一下吗,谢谢
追答你给你想有这个效果的图片都加一个同样的class名,然后把$('img')里边的改成那个class名,
比如我class名为shine,则 $('.shine')
谁给我写一段鼠标经过图片逐渐变亮,离开逐渐暗回来的jQuery代码
},function(){ (this).stop(true).animate({opacity:1},300)})
求鼠标移上去单张图片慢慢变大成2倍移开又慢慢还原的Jquery代码
(function() { var w = $("#image").width(); $("#image").mouseover(function() { $(this).stop().animate({width: w * 2}, 1000, function() { $(this).stop().animate({width: w}, 1000); }); });}); ...
CSS鼠标经过图片变亮,移开变变暗效果代码怎么写
2、在css里设置img的类一定的宽和高,引入示例图片,设置图片为不重复。并且给img的类设置“:hover”伪类,设置伪类内的透明度为0.6:3、打开浏览器,在浏览器内查看效果:4、将鼠标移入图片,就会发现图片已经变亮了。以上就是用CSS设置鼠标经过图片变亮,移开变变暗效果的演示:...
100分,写一个jquery效果,鼠标上去,其它对象变暗,鼠标离开,恢复回来
body { font-family:"宋体", "微软雅黑", "Arial Narrow"; font-size:12px; line-height:22px; }.pin { margin-left:500px; float:left; }.pin .box { width: 236px; marginp:5px; padding:8px; float:left; margin-left:30px; border: 1px solid #ddd; text-align: center; } ...
...鼠标在显示的div上时就不隐藏,反之隐藏!(jquery 实现)谢了!!!_百...
\/\/鼠标离开图片时触发 function () { ("#div id").hover(\/\/鼠标在层上时,不改变 function () { },\/\/鼠标里开层时,隐藏层 function () { ("#div id").hide();});} );\/\/鼠标在离开图片后,仍在层上,之后离开层 ("#div id").hover(\/\/鼠标仍在div上,不改变 function () {...
在线客服jquery脚本代码问题 不能使用鼠标滚动页面 和 鼠标经过展开...
第一个问题简单,直接把 start_v5.js 里面的函数 scrollPage 注释掉,同时把最上面的 a.scrollPage(); 也注释掉就可以了。第二个问题,注意start_v5.js中的 $('#floatTrigger').bind('click', func...这就是说绑定了点击事件,你把事件换掉就OK了。\/\/ 显示$("#floatTrigger").on("mous...
...实现鼠标放在图片上就弹出另一个程序,鼠标离开时程序隐藏
首先这个和pHP关系不大 为了兼容性建议你采用jquery 比如你现在有n张图片,我写一个片段: 那么事件触发对象就是$('#img_list ul li img')就是把id=img_list 下面ul和li节点下所有的img搜索出来。jquery下hover()是一个很强大的事件方法,支持over和out ("#img_list ul li img").hover(...
DIV鼠标经过图片 图片变暗 怎么写呀 filter: alpha(opacity=70)这样的...
定义两个样式,一个是没经过时的样式,一个是经过时的样式,比如: .on{filter:alpha(opacity=70)} .out{filter:alpha(opacity=100)} < \/div>
如何将CSS代码鼠标经过图片变换?
使用jquery的toggle方法进行图片切换:(function(){ ("#h1").toggle(function(){ ("#h1").css("background-image","路径('.\/20110528073501b54e6.jpg')");},function(){ ("#h1").css("background-image","路径('.\/2011060708410874041.jpg')");})}) CSS .hh1{ background: url(".\/...
鼠标移动到图片上改变图片,求帮助代码怎么写
button1down=new Image(400,300);button1down.src="https:\/\/gss0.bdstatic.com\/70cFsj3f_gcX8t7mm9GUKT-xh_\/jctuijian\/shuijiaoxiufu.jpg";\/\/鼠标为down状态时图片大小和图片\/\/-->试试看这段代码是不是你想要的? 追问 这个直接复制上去改图片地址就可以用吗,要不要把那些中文删了,淘宝网上可以直接用...