国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

picChange 圖片切換特效的函數代碼

2019-11-21 00:31:40
字體：大 中 小
來源：轉載
供稿：網友



可擴展的封裝方式，方便實現不同特效，源碼中給出了淡出效果(fade函數)，和移出效果(move函數)的實現方式。

一句話函數調用，實現圖片切換特效。
picChange(“圖片ul列表的id” , 切換圖片的方法引用 , 圖片切換時間 , 圖片移動方向);
用最簡單的調用方式和最簡潔的html代碼來實現這個常用的圖片切換效果。
使用方法示例：

html代碼：

復制代碼 代碼如下:

<div id=”win”>
<ul id=”picChange”>
<li><img src=”img/1.jpg” alt=”" /></li>
<li><img src=”img/1.jpg” alt=”" /></li>
……
</ul>
</div>

調用方式：
復制代碼 代碼如下:

//直接切換效果
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.VeVB.COm/js/picChange/index.html

打包下載地址

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 博兴县| 德令哈市| 青河县| 德令哈市| 湘西| 青川县| 邵阳市| 山西省| 阳泉市| 竹溪县| 依安县| 富顺县| 新晃| 柳林县| 旌德县| 梁河县| 乌兰浩特市| 来宾市| 彭阳县| 延长县| 青铜峡市| 北安市| 镇安县| 涟源市| 大连市| 遵义县| 布尔津县| 鄄城县| 赤壁市| 铜梁县| 德格县| 天津市| 驻马店市| 嘉兴市| 芜湖市| 沁源县| 永修县| 宜良县| 手游| 嘉荫县| 化州市|