1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="middle_right">
    <div id="lunbobox">
        <div id="toleft">
            &lt;</div>
                <div class="lunbo">
                    <a href="#"><img src="http://www.jq22.com/img/cs/500x300-1.png"></a>
                    <a href="#"><img src="http://www.jq22.com/img/cs/500x300-2.png"></a>
                    <a href="#"><img src="http://www.jq22.com/img/cs/500x300-3.png"></a>
                    <a href="#"><img src="http://www.jq22.com/img/cs/500x300-4.png"></a>
                    <a href="#"><img src="http://www.jq22.com/img/cs/500x300-5.png"></a>
                </div>
                <div id="toright">&gt;</div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <span></span>
        </div>
    </div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

    

        

            <
                

                    
                    
                    
                    
                    
                
                
>
                

                    

                    

                    

                    

                    

                
                
        
    

1
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
41
42
43
$(function() {
    $('#toright').hover(function() {
        $("#toleft").hide()
    }, function() {
        $("#toleft").show()
    })
    $('#toleft').hover(function() {
        $("#toright").hide()
    }, function() {
        $("#toright").show()
    })
})
var t;
var index = 0;
//自动播放
t = setInterval(play, 3000)
function play() {
    index++;
    if (index > 4) {
        index = 0
    }
    $("#lunbobox ul li").eq(index).css({
        "background": "#999",
        "border": "1px solid #ffffff"
    }).siblings().css({
        "background": "#cccccc",
        "border": ""
    })
    $(".lunbo a ").eq(index).fadeIn(1000).siblings().fadeOut(1000);
};
//图片点击切换
$("#lunbobox ul li").click(function() {
    $(this).css({
        "background": "#999",
        "border": "1px solid #ffffff"
    }).siblings().css({
        "background": "#cccccc"
    })
    var index = $(this).index(); //获取索引
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX