亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js實(shí)現(xiàn)幻燈片播放圖片示例代碼

 更新時(shí)間：2013年11月07日 17:15:54   作者：  
幻燈片播放圖片的效果想必大家都有見(jiàn)到過(guò)吧，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
1，在頁(yè)面添加下面的元素。展示出置出圖片文件列表文件。
復(fù)制代碼 代碼如下:

<select id="img_date" style="width: 100%; margin-top: 10px; height: 50%;" size="20">
<option value="圖片的url">圖片名字</option>
</select>

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

可以用延時(shí)的方法調(diào)用遍歷方法：window.setInterval("PlayPics()", speed);
復(fù)制代碼 代碼如下:

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

//這個(gè)方法可以根據(jù)自己的需要進(jìn)行修改。
}
};

相關(guān)文章

  • JavaScript中的普通函數(shù)與構(gòu)造函數(shù)比較

    JavaScript中的普通函數(shù)與構(gòu)造函數(shù)比較

    這篇文章主要介紹了JavaScript中的普通函數(shù)與構(gòu)造函數(shù)比較,需要的朋友可以參考下
    2015-04-04
  • document.write的幾點(diǎn)使用心得

    document.write的幾點(diǎn)使用心得

    一直用document.write()方法向?yàn)g覽器中顯示數(shù)據(jù)用，把它當(dāng)做Alert()使用， 看來(lái)這樣用有些大材小用了，下面說(shuō)說(shuō)它的主要用處。
    2014-05-05
  • Postman動(dòng)態(tài)獲取返回值過(guò)程詳解

    Postman動(dòng)態(tài)獲取返回值過(guò)程詳解

    這篇文章主要介紹了Postman動(dòng)態(tài)獲取返回值過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-06-06
  • uni-app實(shí)現(xiàn)點(diǎn)贊評(píng)論功能

    uni-app實(shí)現(xiàn)點(diǎn)贊評(píng)論功能

    這篇文章主要介紹了uni-app實(shí)現(xiàn)點(diǎn)贊評(píng)論功能，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11
  • JavaScript JMap類定義與使用方法示例

    JavaScript JMap類定義與使用方法示例

    這篇文章主要介紹了JavaScript JMap類定義與使用方法,涉及javascript類的定義、內(nèi)部變量、函數(shù)的定義及使用相關(guān)操作技巧,需要的朋友可以參考下
    2019-01-01
  • JavaScript滿天星導(dǎo)航欄實(shí)現(xiàn)方法

    JavaScript滿天星導(dǎo)航欄實(shí)現(xiàn)方法

    本篇文章給大家分享了JavaScript滿天星導(dǎo)航欄實(shí)現(xiàn)方法，以前也介紹過(guò)很多關(guān)于特效導(dǎo)航的制作方法，對(duì)此有興趣的朋友參考學(xué)習(xí)下。
    2018-03-03
  • JavaScript模擬實(shí)現(xiàn)簡(jiǎn)單的MVC的示例詳解

    JavaScript模擬實(shí)現(xiàn)簡(jiǎn)單的MVC的示例詳解

    MVC是一種常見(jiàn)的軟件架構(gòu)模式，MVC模式的目的是將應(yīng)用程序的數(shù)據(jù)、用戶界面和控制邏輯分離，提高代碼的可維護(hù)性，可拓展性和可重用性。本文就來(lái)用用JS模擬實(shí)現(xiàn)一個(gè)簡(jiǎn)單的MVC吧
    2023-04-04
  • js如何找出字符串中的最長(zhǎng)回文串

    js如何找出字符串中的最長(zhǎng)回文串

    這篇文章主要為大家詳細(xì)介紹了js如何找出字符串中的最長(zhǎng)回文串的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-06-06
  • JS從數(shù)組中隨機(jī)取出幾個(gè)數(shù)組元素的方法

    JS從數(shù)組中隨機(jī)取出幾個(gè)數(shù)組元素的方法

    JS如何從一個(gè)數(shù)組中隨機(jī)取出一個(gè)元素或者幾個(gè)元素呢？其實(shí)方法很簡(jiǎn)單，下面小編給大家分享了JS隨機(jī)取出幾個(gè)數(shù)組元素的方法，非常不錯(cuò)，需要的朋友參考下
    2016-08-08
  • JS獲取各種瀏覽器窗口大小的方法

    JS獲取各種瀏覽器窗口大小的方法

    本篇文章主要是對(duì)JS 獲取各種瀏覽器窗口大小的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
    2014-01-01

最新評(píng)論