本文實(shí)例講述了jquery實(shí)現(xiàn)的點(diǎn)擊翻書效果代碼。分享給大家供大家參考，具體如下：

這是自寫一個(gè)翻書的Js效果,基于jquery-1.4.2.min.js插件實(shí)現(xiàn)，還正在完善中，希望大家能喜歡，我覺得不錯(cuò)。

運(yùn)行效果截圖如下：

在線演示地址如下：

具體代碼如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

自寫一個(gè)翻書的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();

})

});

});

});

點(diǎn)這翻頁(yè)

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

總結(jié)

以上是生活随笔為你收集整理的html jquery 翻页效果代码,jquery实现的点击翻书效果代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。