picChange 圖片切換特效的函數(shù)代碼
更新時間：2010年05月06日 10:08:29 作者：
picChange圖片切換特效的封裝函數(shù)，能夠根據(jù)圖片html代碼自動生成右下角的數(shù)字導(dǎo)航按鈕。
可擴展的封裝方式，方便實現(xiàn)不同特效，源碼中給出了淡出效果(fade函數(shù))，和移出效果(move函數(shù))的實現(xiàn)方式。
一句話函數(shù)調(diào)用，實現(xiàn)圖片切換特效。
picChange(“圖片ul列表的id” , 切換圖片的方法引用 , 圖片切換時間 , 圖片移動方向);
用最簡單的調(diào)用方式和最簡潔的html代碼來實現(xiàn)這個常用的圖片切換效果。
使用方法示例：
html代碼：
復(fù)制代碼 代碼如下:
<div id=”win”>
<ul id=”picChange”>
<li><img src=”img/1.jpg” alt=”" /></li>
<li><img src=”img/1.jpg” alt=”" /></li>
……
</ul>
</div>
調(diào)用方式：
復(fù)制代碼 代碼如下:
//直接切換效果
picChange(“picChange”);
//淡出效果
picChange(“picChange”,fade,500);
//向上移出效果
picChange(“picChange”,move,500,”up”);
//向下移出效果
picChange(“picChange”,move,500,”down”);
//向左移出效果
picChange(“picChange”,move,500,”left”);
//向右移出效果
picChange(“picChange”,move,500,”right”);
看Demo猛擊這里：http://demo.jb51.net/js/picChange/index.html
打包下載地址
相關(guān)文章
使用JavaScript將PDF頁面中的標(biāo)注扁平化的操作指南
扁平化(flatten)操作可以將標(biāo)注作為矢量圖形包含在PDF頁面的內(nèi)容中,使其不可編輯,Dynamsoft Document Viewer是一個用于文檔掃描和查看的JavaScript SDK,可以添加標(biāo)注、導(dǎo)出PDF,在本文中,我們將探討如何使用它,需要的朋友可以參考下2025-01-01
本文給大家分享一段代碼不使用ajax實現(xiàn)點擊文字即可編輯的方法，代碼簡單易懂，需要的朋友參考下吧2007-12-12
JavaScript+Canvas模擬實現(xiàn)支付寶畫年兔游戲
接近過年了，支付寶的集福的活動又開始了，集美們的五福集齊了沒有。每年的集福活動都有一些小游戲，今年也不例外，畫年畫就是其中之一，本篇用canvas來寫一個畫年兔的游戲2023-01-01
這篇文章主要介紹了JavaScript詞法作用域的相關(guān)資料，文中講解非常細致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要為大家詳細介紹了原生JS面向?qū)ο髮崿F(xiàn)打磚塊小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
event是ie自帶的一個對象，而ff中不存在該對象，只能通過傳遞參數(shù)的方式來模擬event，下面簡單為大家介紹下2013-11-11
這篇文章主要介紹了js實現(xiàn)宇宙星空背景效果的方法,實例分析了javascript中動畫效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
本篇文章主要是對JSuggest自動匹配下拉框使用方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
想必大家對圖片翻轉(zhuǎn)效果都有所了解吧，其實很容易實現(xiàn)的，下面有個不錯的示例，喜歡的朋友可以參考下2014-01-01
這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)文件下載的兩種常用方式,兩種方法均通過創(chuàng)建臨時URL并觸發(fā)下載實現(xiàn),文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-11-11