看了許多jquery的幻燈片,自己也想學著弄乙個,簡單是簡單了一點。不過研究過,還是比較安慰的啦,以下**並未在生產環境中使用過,如果您要在生產環境中使用,請慎重
/*
slide(frameid, framewidth, frameheight, ulid, isshow,intervaltime)
外層物件id,外層寬度,外層高度,內層id,是否顯示半透明層,切換時間間隔
*/function slide(frameid, framewidth, frameheight, ulid, isshow, intervaltime)
if (isshow) }}
//初始化樣式
function setstyle()
//初始化序號
function slideinit() );
var contentheight = $("#" + frameid).height() + $("#" + frameid).position().top;
var contentwidth = $("#" + frameid).width() + $("#" + frameid).position().left;
var ulorderheight = $("#" + frameid + " .ulorder").height();
var ulorderwidth = $("#" + frameid + " .ulorder").width();
$("#" + frameid + " .ulorder").css("top", (contentheight - ulorderheight) + "px");
$("#" + frameid + " .ulorder").css("left", (contentwidth - ulorderwidth) + "px");
if (isshow)
setlistatus();
var dingshi = setinterval(setlistatus, intervaltime);
}slideinit();
}
jquery 幻燈片效果
閒著無聊,用jquery寫了乙個幻燈片效果。我這人喜歡造輪子,除了jquery這種有強大開發團隊的框架級別js,其實的一些小程式都是盡量自己寫。一是因為怕出問題了沒人問,二是自己寫的改起來也方便。效果可參考 只是上面這個demo用的是supersized,功能比較強大,就是 加密過了,讀起來很困難。...
jquery幻燈片 漸變
上為了設計,需要一些幻燈片效果,現在 有很多外掛程式可以使用。想要成為以為牛逼的程式設計師,絕對不允許只會用別人的外掛程式而已,不然你只能是 的搬運工,而不敢做出自己的創新。首先使用jquery做漸變效果,一般使用fadeout fadein 漸入漸出 效果。但是因為fadeout fadein在停...
基礎幻燈片
下面列舉幾種比較常見的幻燈片實現 1 把所有層疊放著,定時器每次執行使某張圖透明度為1,其他為0,當然透明度的漸變也由定時器控制。function show ind count 20 l2 index classname current function autoplay 2000 2 最常見的方法...