PROMULGATOR

    Lakers23

    山东省潍坊市
    Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
<div>
    <img src="http://www.jq22.com/img/cs/500x500-1.png">
    <img src="http://www.jq22.com/img/cs/500x500-2.png">
    <img src="http://www.jq22.com/img/cs/500x500-3.png">
    <img src="http://www.jq22.com/img/cs/500x500-4.png">
    <img src="http://www.jq22.com/img/cs/500x500-5.png">
    <img src="http://www.jq22.com/img/cs/500x500-6.png">
    <img src="http://www.jq22.com/img/cs/500x500-7.png">
    <img src="http://www.jq22.com/img/cs/500x500-8.png">
    <img src="http://www.jq22.com/img/cs/500x500-9.png">
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
div {
    width:610px;
    height:540px;
    border:1px solid #999;
    padding-left:10px;
    background:black;
}
img {
    float:left;
    width:201px;
    height:178px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
$(function() {
    $("img").mouseover(function() {
        $(this).stop(true).fadeTo(100, 1);
        $(this).siblings().stop(true).fadeTo(100, 0.5);
        //return false;                 
    })
    $("div").mouseout(function() {
        $("img").fadeTo(100, 1);
    })
})
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
 立即下载

鼠标滑过高亮显示

鼠标滑过图片，相应图片高亮显示，并无延迟，鼠标滑过实时高亮显示

0