jquery图片特效,jquery图片效果

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

!DOCTYPE HTML

html

title09/title

head

style

#image, #text{

position:absolute;

right:-1000px;

top:100px;

width:1000px;

height:500px;

display:none;

font-size:500%;

}

img{

width:100%;

height:100%;

}

.x{

overflow-x:hidden;

}

/style

script src="./jquery/jquery-1.8.3.js"/script

/head

body

div id='image'img src='./images/001.jpg'/div

div id='text'this is the text/div

/body

script

$(function(){

$('body').addClass('x');

$('#image').animate({

right:0,

opacity: 'show'

}, 1000, function(){

$('#image').fadeOut(1000, function(){

$('#text').animate({

right:0,

opacity: 'show'

}, 1000, function(){

$('#text').fadeOut(1000, function(){

$('body').removeClass('x');

});

});

});

}

);

});

/script

/html

简单写的, 图片你自己找个 firefox下正确, 别的浏览器没有测

相关问答

Q1: 任意图片拖拽交换位置（jquery特效）

全部图片使用绝对定位，页面加载的时候，用程序按顺序算出他们的位置定位好

当拖拽完成，如果下面没有图片，这张图片就返回他原来的坐标

如果有，就两个图片兑换坐标，用animate很简单，你懂的

你要考虑坐标记录的问题，可以每次拖拽用全局标量记录

也可以直接记录在图片的属性上

还有一个可能会遇到的问题就是事件起泡

Q2: 怎么实现jQuery覆盖图片特效

给你个思路吧~其实就是两个层叠加到一起~然后一个在上一个在下（用绝对定位可以实现），然后控制上面的层的大小，根据鼠标的坐标来控制层的宽度，并且把上面的那个层设置成益处隐藏的~这样图片大小固定了然后层的宽度拉大拉小就出来你要的效果了~

Q3: 求点击图片，弹出大图，大图左右有上一张下一张按钮，类似于百度图片效果的jquery特效.

你可以把你看到的特效保右击源码存下来，然后再把对应的JS保存下载，下次你在用的时候就可以直接拿来用。