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

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

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

运行效果截图如下：

在线演示地址如下：

具体代码如下：

/p>

"http://www.w3.org/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程序设计有所帮助。