相关推荐: html5鼠标经过图片放大 css鼠标经过图片切换 html5鼠标经过变换图片 jquery鼠标移动切换图片 html鼠标经过图片效果 jquery鼠标经过小图显示大图 css鼠标经过图片放大缩小 jquery实现的鼠标经过图片变亮了 jq鼠标经过 jquery的鼠标事件 jquery鼠标移上去事件 css鼠标经过图片 html5鼠标经过图片变色 css鼠标经过图片旋转 jquery实现的鼠标经过图片变亮怎么办 jquery鼠标经过事件 jquery鼠标移入变色 jquery鼠标移入图片显示 css中鼠标经过时显示图片 jquery实现的鼠标经过图片变亮怎么回事 jquery鼠标位置 js鼠标经过切换图片 jquery鼠标悬停图片放大 html鼠标放到图片上变大的代码 html鼠标经过图片放大 html鼠标经过图像 js鼠标经过图片放大 jquery鼠标移入事件 html鼠标经过图片变灰 html鼠标经过图片 css图片鼠标经过特效 jquery鼠标事件 jquery的鼠标移入事件 jquery鼠标移动变色 css鼠标经过图片翻转 css鼠标经过图片显示文字
学习前端的同学你们直达道怎么用jQuery实现鼠标经过图片变亮其他变暗效果吗?不知道的话跟着小编一起来学习用jQuery实现鼠标经过图片变亮其他变暗效果吧。
jQuery实现的仿商城图片变亮变暗效果,鼠标悬停图片之后该图片变亮,其他图片变暗的具体代码
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
a {color:white;}
body{background:#000;}
body,div,ul,li,img{padding:0;margin:0; border:0; list-style:none;}
.hovertreebox{width:630px; border:1px solid #ccc; margin:10px auto; overflow:hidden; padding:10px 0 0 10px;}
.hovertreebox li{width:200px; height:186px; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer;}
$(function(){
$('.hovertreebox li').mouseover(function (e) {
$(this).siblings().stop().fadeTo(500,0.4);
});
$('.hover'+'treebox li').mouseout(function (e) {
$(this).siblings().stop().fadeTo(500,1);
});
})
请关闭浏览器的畅读模式或者取消屏蔽JavaScript的正常运行,避免出现内容显示不全或者段落错乱。
原网页地址:https://www.rzqfhb.com/xuexi/1952382.html





