jquery横列滑动式选框

问题描述 投票:0回答:1

JQUERY

        $(document).ready(function(){
            var wi = 0;
            window.setInterval(function() {
                wi += 15;
             $(".students-holder").animate({"position": "relative","left": wi});
            }, 1);
        })

CSS

.students{
background: #262525;
width: 860px;
height: 54px;
padding: 0 5px;
position:relative;
overflow:hidden;}

.students-holder{
min-width:2000px;
position:absolute;
left:-50px;}

.inline-image{
display:inline-block;}

HTML

<div class="students">
<div class="students-holder">
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/>
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/>
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/>
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/>
</div></div>

DEMO LINKhttp://jsfiddle.net/2vCNR/

[://有人知道像选框方向向左吗?如果mouseover将stop(); mouseout run(); :/请帮助...

jquery marquee
1个回答
0
投票

使用此JQuery:

    $(document).ready(function(){
        var wi = 0;
        window.setInterval(function() {
            wi -= 5;
         $(".students-holder").animate({"position": "relative","left": wi});
        }, 1);
    })
© www.soinside.com 2019 - 2024. All rights reserved.