麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:45:48
字體:
來源:轉載
供稿:網友
1,在頁面添加下面的元素。展示出置出圖片文件列表文件。
復制代碼 代碼如下:

<select id="img_date" style="width: 100%; margin-top: 10px; height: 50%;" 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設置到相應的圖片容器中。

//這個方法可以根據自己的需要進行修改。
}
};
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美五月婷婷 | 欧美日韩亚洲视频 | 欧美成人一二三区 | 日本不卡中文字幕 | 精品成人在线 | 嗯哈~不行好大h双性 | 禁漫天堂久久久久久久久久 | 免费黄色大片在线观看 | 欧美日韩大片在线观看 | 黄色电影免费提供 | 在线看免费观看av | 黄色网址在线播放 | 91成人免费电影 | 国产精品久久久久一区二区 | 久章草在线观看 | 综合网天天色 | 99亚洲| 日本一级黄色大片 | 韩国美女一区 | 亚洲小视频网站 | 成人免费一区二区三区在线观看 | 羞羞答答视频 | 成人nv在线观看 | 精品亚洲夜色av98在线观看 | 欧美视频国产精品 | 男人久久天堂 | 黄污视频在线看 | 一级毛片播放 | 密室逃脱第一季免费观看完整在线 | 嫩呦国产一区二区三区av | 黑人一区二区 | 西川av在线一区二区三区 | 永久免费不卡在线观看黄网站 | 亚洲日色 | 欧美精品18 | 伊人久久电影网 | 日韩高清电影 | 亚欧在线免费观看 | 黄色的视频免费观看 | 毛片a区| 巨乳激情|