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

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

運行效果截圖如下：

在線演示地址如下：

具體代碼如下：

/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程序設(shè)計有所幫助。

總結(jié)

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

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