二十、animate

最新推荐文章于 2020-11-20 12:06:07 发布

chongqingnantian

最新推荐文章于 2020-11-20 12:06:07 发布

阅读量196

点赞数

分类专栏： jquery1.8 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/chongqingnantian/article/details/84427907

版权

jquery1.8 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

$("#go").click(function(){
$("#block").css({"font-size":"10em","position":"relative"}).animate({
width:1000,
opacity:0.5
}, 'slow' );
});

实现图片的轮换

$("#content span:eq(0)").addClass("selected");

        function change() {
            var img = $("#imgElement img").css("display","none").filter(":eq("+(index)+")").fadeIn('slow');
            $("#movieName").html(img.attr("alt"));
            $("#content span").removeClass().filter(":eq("+index+")").addClass("selected");
            index++;
            if(index>=$("#imgElement img").size()) {
                index = 0;
            }
        }
        setInterval(change,3000);
    });
</script>


<body>
    <div id="content"></div>
    <div id="imgElement">
        <div id="movieName">电影名称</div>
        <img src="movie/01.jpg" alt="七宗罪" height="500"/>
        <img src="movie/02.jpg" alt="蝴蝶效应" height="500"/>
        <img src="movie/03.jpg" alt="致命魔术" height="500"/>
        <img src="movie/04.jpg" alt="第六感" height="500"/>
        <img src="movie/05.jpg" alt="失忆" height="500"/>
    </div>
</body>