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

首頁(yè) > 開(kāi)發(fā) > JS > 正文

如何制作幻燈片(代碼分享)

2024-05-06 16:34:26
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

話不多數(shù),請(qǐng)看代碼:

一 輪播 定時(shí)<style type="text/css">  #dw_JS_huanDeng_2 {    margin: 0 auto;    width: 1100px;    position: relative;    z-index: 5;}  #JS_HDmenu_2 {    position: absolute;    top: 300px;    z-index: 4;  }  ol, ul {    list-style: none;  }  #JS_HDmenu_2 li {    float: left;    width: 12px;    height: 12px;    margin: 0 5px;    border-radius: 6px;    cursor: pointer;    background-color: #A79B9B;  }  #JS_HDmenu_2 li:hover {    background-color: red;  }  #JS_huanDeng_2 {    margin: 0px auto 0 auto;    position: relative;    height: 320px;    overflow: hidden;}  #JS_huanDeng_2 div, #JS_huanDeng_2 a {    display: block;    width: 100%;    height: 100%;  }  #JS_huanDeng_2 div {    position: absolute;    z-index: 4;  }</style><script src="__PUBLIC__/H/js/jquery.min.js"></script><!-- //幻燈片-->  <div class="JS_huanDeng_2_bg" >    <div id="dw_JS_huanDeng_2" >      <ul id="JS_HDmenu_2" >      </ul>    </div>    <div id="JS_huanDeng_2" style="border:0px solid red;">      <volist name="banner" id="va">        <div> <a href="{$va.content}" style="background:url(__ROOT__/{$va.content}) center top no-repeat #fff;"></a></div>      </volist>    </div>  </div><!--首頁(yè)幻燈片輪播 【2016-5-27 】 start--><script type="text/javascript">  for(var i=0;i<$("#JS_huanDeng_2 div").length;i++){    $('#JS_HDmenu_2').append("<li></li>");  }  //alert($('#JS_HDmenu_2').width());  var ml=(1100-$('#JS_HDmenu_2').width())/2;  //alert(ml);  $('#JS_HDmenu_2').css('left',ml+'px');  $('#JS_huanDeng_2 div').eq(0).show().siblings().hide();  var i=0;  var timeId = setInterval("autoChange()",3000);  $('#JS_HDmenu_2 li').mouseover( function(){    clearInterval(timeId);    var I=$(this).index();    $('#JS_huanDeng_2 div').eq(I).fadeIn().siblings().fadeOut();  })  $('#JS_HDmenu_2 li').mouseout(function(){    timeId = setInterval("autoChange()",3000);  });  function autoChange(){    i++;    if(i>$('#JS_huanDeng_2 div').length){      i=0;    }    $('#JS_huanDeng_2 div').eq(i).fadeIn().siblings().fadeOut();  }</script><!--首頁(yè)幻燈片輪播 【2016-5-27 】 end-->

以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持VeVb武林網(wǎng)!


注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到JavaScript/Ajax教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 错那县| 双桥区| 大英县| 哈巴河县| 额尔古纳市| 四平市| 耿马| 镶黄旗| 城口县| 奎屯市| 安平县| 芷江| 平武县| 沾化县| 黄龙县| 阳城县| 陆川县| 佳木斯市| 岢岚县| 东莞市| 长宁县| 虎林市| 汉寿县| 马龙县| 万盛区| 仪陇县| 清苑县| 江孜县| 大理市| 连城县| 西安市| 广水市| 拜泉县| 常宁市| 崇阳县| 五莲县| 耿马| 山丹县| 汉阴县| 肥东县| 南阳市|