2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html jquery 翻页效果代码 jquery实现的点击翻书效果代码

html jquery 翻页效果代码 jquery实现的点击翻书效果代码

时间:2018-11-25 00:36:11

相关推荐

html jquery 翻页效果代码 jquery实现的点击翻书效果代码

本文实例讲述了jquery实现的点击翻书效果代码。分享给大家供大家参考,具体如下:

这是自写一个翻书的Js效果,基于jquery-1.4.2.min.js插件实现,还正在完善中,希望大家能喜欢,我觉得不错。

运行效果截图如下:

在线演示地址如下:

具体代码如下:

/p>

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

自写一个翻书的Js效果

$(function() {

$("#right").click(function() {

var roll = $("

$(roll).animate({

left: "10px",

width: "398px",

"background-position": "272px 0px"

}, 1000, function() {

$("#left").css({"background":"#fff"});

$(roll).fadeOut(300, function() {

$(roll).remove();

})

});

});

});

点这翻页

希望本文所述对大家jQuery程序设计有所帮助。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。