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

首頁 > 語言 > JavaScript > 正文

js實現幻燈片播放圖片示例代碼

2024-05-06 15:54:17
字體:
來源:轉載
供稿:網友
幻燈片播放圖片的效果想必大家都有見到過吧,下面有個不錯的示例,感興趣的朋友可以參考下

1,在頁面添加下面的元素。展示出置出圖片文件列表文件。

復制代碼 代碼如下:


<select size="20">
<option value="圖片的url">圖片名字</option>
</select>


2,播放文件列表的方法。主要是遍歷文件列表并把圖片展示在相應的圖片容器就可以顯示出幻燈片的效果。

可以用延時的方法調用遍歷方法:window.setInterval("PlayPics()", speed);

復制代碼 代碼如下:


/**
* 播放圖片的處理方法
* */
function PlayPics()
{
var sel = document.getElementById("img_date");
if(sel.length==0)//沒有圖片時直接返回
{
return;
}
else
{
if(sel.selectedIndex>0)//被選中的下標大于0時就設置上一圖片項被選中。
{
sel.options[sel.selectedIndex-1].selected=true;
}
else{//如果是被選中項的下標是0,就設置最后一張圖片為被選中。
sel.options[sel.length-1].selected=true;
}
ChangePic(sel.options[sel.selectedIndex].value);//獲取選中的圖片,并把圖片的url設置到相應的圖片容器中。

//這個方法可以根據自己的需要進行修改。
}
};

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 渝中区| 砚山县| 仲巴县| 阜城县| 宿松县| 长子县| 扎囊县| 廉江市| 津南区| 兴和县| 宜兰市| 唐海县| 玛沁县| 平乐县| 石城县| 启东市| 铜川市| 广德县| 隆昌县| 丰台区| 尤溪县| 寿光市| 安西县| 突泉县| 海兴县| 额尔古纳市| 泰宁县| 哈尔滨市| 亳州市| 瑞安市| 津市市| 满城县| 云南省| 祁阳县| 章丘市| 临沧市| 阳东县| 章丘市| 临猗县| 外汇| 唐河县|