Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效(2)

<div>
  <div>
    <ul>
      <li bosszone="Jdt">
        <a href="#"> <img src="https://www.jb51.net/images/demo1.jpg">
        <p>《北爱》陈思诚激吻佟丽娅 公主抱不慎走光</p>
        </a>
        <div></div>
      </li>
      <li bosszone="Jdt">
        <a href="#"> <img src="https://www.jb51.net/images/demo2.jpg">
        <p>林志玲捞金鱼尾纹再现 遭男子摸背熊抱尴尬挤笑</p>
        </a>
        <div></div>
      </li>
      <li  bosszone="Jdt">
        <a href="#"> <img src="https://www.jb51.net/images/demo3.jpg">
        <p>芙蓉姐姐大摆S型秀瘦腰长腿 调戏记者：想追求我？</p>
        </a>
        <div></div>
      </li>
      <li  bosszone="Jdt">
        <a href="#" title=""> <img src="https://www.jb51.net/images/demo4.jpg">
        <p>柳岩：消费我 你们在我胸前也看不出一朵花来</p>
        </a>
        <div></div>
      </li>
      <li>
        <dl>
          <dd  bosszone="jdtAd1">
            <a href="#"> <img src="https://www.jb51.net/images/89854294.jpg">
            <p>萌妹教你白全身</p>
            </a> </dd>
          <dd  bosszone="jdtAd2">
            <a href="#"> <img src="https://www.jb51.net/images/90233983.jpg">
            <p>学我按3穴位变大胸</p>
            </a> </dd>
          <dd  bosszone="jdtAd3">
            <a href="#"> <img src="https://www.jb51.net/images/89854500.jpg">
            <p>男人更爱“坏”女人</p>
            </a> </dd>
          <dd  bosszone="jdtAd4">
             <a href="#"> <img src="https://www.jb51.net/images/89858252.jpg">
            <p>女神自曝美胸手法</p>
            </a> </dd>
        </dl>
        <div></div>
      </li>
    </ul>
  </div>
  <a href="javascript:void(0);" bosszone="photoPre"></a>
  <a href="javascript:void(0);" bosszone="photoNext"></a>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>
<script>
            var $ = function(s){
                    return document.getElementById(s);
                }
            //参数配置
            slide.init({
                //width: 100%,    // 焦点图宽度（非必须，默认值自适应）
                height: 390,   // 焦点图高度（非必须，默认值自适应）
                auto: true,   // 是否自动切换（非必须，默认值 false）
                interval: 5000,   // 切换间隔时间（非必须，默认值 3000，当 auto 为 true 时有效）
                targetId: 'slide',  // html 对应的焦点图 ID（必须）
                data: $('_slide').getElementsByTagName('li').length// 焦点图数据（必须）
            });
        </script>
<script>window.onerror=function(){return true;};</script>

以上就是给大家分享的jQuery仿腾讯娱乐频道焦点图特效的全部内容，希望大家能够喜欢。

您可能感兴趣的文章: