求一个JQuery写的JS特效，我要打开网页后一个图片从网页的右侧滑出，然后图片变模糊，再是文字从右侧滑出

追问

大哥图片能不能听下来出现文字，文字出现后就一直在那就结束了

追答

啥意思

追问

你不是打开网页，图片出现嘛，然后图片消失，再滑出文字。然后过一段时间再滑出一个图片再是文字。
http://www.lanrentuku.com/js/jiaodiantu-880.html
跟这个效果有点像

追答

<!DOCTYPE HTML>
<html>
<title>09</title>
<head>
<style>
.image, .text{
    position:fixed;
    right:-1000px;
    top:100px;
    width:1000px;
    height:500px;
    display:none;
    font-size:500%;
}
img{
    width:100%;
    height:100%;
}
.x{
    overflow-x:hidden;
}
body{
    height:3000px;
}
</style>
<script src="./jquery/jquery-1.8.3.js"></script>
</head>
<body>
<div class='image'><img src='./images/001.jpg'></div>
<div class='image'><img src='./images/002.jpg'></div>
<div class='image'><img src='./images/003.jpg'></div>
<div class='text'>this is a text</div>
<div class='text'>this is another text</div>
<div class='text'>this is the last text</div>
</body>
<script>
$(function(){
    var f = function(el_img, el_text){
    $('body').addClass('x');
    el_img.animate({
        right:0,
        opacity: 'show'
    }, 1000, function(){
            el_img.fadeOut(1000, function(){
                el_img.css({right:'-1000px'});
                el_text.animate({
                    right:0,
                    opacity: 'show'
                }, 1000, function(){
                    el_text.fadeOut(1000, function(){
                        $('body').removeClass('x');
                        el_text.css({right:'-1000px'});
                    });
                });
            });
        }
    );}
    var show = function(size){
        f($('.image').eq(0), $('.text').eq(0));
        var index = 1;
        setInterval(function(){
            f($('.image').eq(index), $('.text').eq(index));
            index++;
            if(index == size){
                index = 0;
            }
        }, 5000)
    }
    show($('.image').size());
});
</script>
</html>

我想要说的是, 简单的小功能js代码可以自己写

但是也不要再造一遍轮子, 如果别人有写好的控件, 可以拿来使用

还有你给的那个网站, 里面动画的实现是css3, 虽然jquery也可以做到同样的效果

不过最好能理解原理, 到底是怎么实现的

求一个JQuery写的JS特效，我要打开网页后一个图片从网页的右侧滑出，然后图片变模糊，再是文字从右侧滑出

其他类似问题

为你推荐：