<th id="hrxnz"></th>
<strike id="hrxnz"></strike>
<span id="hrxnz"><video id="hrxnz"><ruby id="hrxnz"></ruby></video></span>
<span id="hrxnz"></span><ruby id="hrxnz"></ruby>
<span id="hrxnz"><dl id="hrxnz"></dl></span>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<ruby id="hrxnz"><i id="hrxnz"></i></ruby>
<strike id="hrxnz"><dl id="hrxnz"></dl></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<span id="hrxnz"></span>
js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > JS幻灯片

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

发布时间:2015-08-29 14:06:05    您是第0位浏览者

本js特效代码兼容:ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS仿腾讯娱乐图片频道满屏左右切换焦点图特效</title>
<link href="css/jstxdm.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jstxdm.js"></script>
</head>
<body>
<div class="slider-container" id="slide" style="width: 100%; height: 480px;">
  <div id="_slide" class="slider-wrap">
    <ul id="slide_list">
      <li bosszone="Jdt"> <a href="http://www.johneb.com" class="pic"> <img src="images/zzsc1.jpg" width="830" height="350" border="0">
        <p class="st_ty">《北爱》陈思诚激吻佟丽娅 公主抱不慎走光</p>
        </a>
        <div class="slide_Bg"></div>
      </li>
      <li bosszone="Jdt"> <a href="http://www.johneb.com" class="pic"> <img src="images/zzsc2.jpg" width="830" height="350" border="0">
        <p class="st_ty">林志玲捞金鱼尾纹再现 遭男子摸背熊抱尴尬挤笑</p>
        </a>
        <div class="slide_Bg"></div>
      </li>
      <li  bosszone="Jdt"> <a href="http://www.johneb.com" class="pic"> <img src="images/zzsc3.jpg" width="830" height="350" border="0">
        <p class="st_ty">芙蓉姐姐大摆S型秀瘦腰长腿 调戏记者:想追求我?</p>
        </a>
        <div class="slide_Bg"></div>
      </li>
      <li  bosszone="Jdt"> <a href="http://www.johneb.com" title="" class="pic"> <img src="images/zzsc4.jpg" width="830" height="350" border="0">
        <p class="st_ty">柳岩:消费我 你们在我胸前也看不出一朵花来</p>
        </a>
        <div class="slide_Bg"></div>
      </li>
      <li>
        <dl>
          <dd id="ad1"  bosszone="jdtAd1"> <a href="http://www.johneb.com" class="pic"> <img src="images/89854294.jpg" width="363" height="350" border="0">
            <p class="st_ty">萌妹教你白全身</p>
            </a> 
          </dd>
          <dd id="ad2"  bosszone="jdtAd2"> <a href="http://www.johneb.com" class="pic"> <img src="images/90233983.jpg" width="156" height="350" border="0">
            <p class="st_ty">学我按3穴位变大胸</p>
            </a> 
          </dd>
          <dd id="ad3"  bosszone="jdtAd3"> <a href="http://www.johneb.com" class="pic"> <img src="images/89854500.jpg" width="156" height="350" border="0">
            <p class="st_ty">男人更爱“坏”女人</p>
            </a> 
          </dd>
          <dd id="ad4"  bosszone="jdtAd4"> <a href="http://www.johneb.com" class="pic"> <img src="images/89858252.jpg" width="156" height="350" border="0">
            <p class="st_ty">女神自曝美胸手法</p>
            </a> 
          </dd>
        </dl>
        <div class="slide_Bg"></div>
      </li>
    </ul>
  </div>
  <a href="javascript:void(0);" class="slider-btn slider-btn-l" id="sliderL" bosszone="photoPre"></a>
  <a href="javascript:void(0);" class="slider-btn slider-btn-r" id="sliderR" bosszone="photoNext"></a>
  <ul id="focus_dot">
    <li class="current">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> 
</body>
</html>



腾讯娱乐 图片 频道 左右 切换

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jquery图片相册特效,切换上下页,还带对话框提醒特效

jqzoom仿京东商品详细页产品图片放大镜特效

jquery实现图片相册淡入淡出特效插件

jquery实现全屏图片左右滚动预览焦点图特效

js、html5实现极速3D立体式图片相册切换效果

jquery鼠标悬停图片高亮,从左边滑动出标题信息显示效果

jQuery+CSS3 实现动画图片相册,大图全屏展示,前后翻页特效代码

Css3鼠标悬停图片高亮特效

jquery鼠标经过向上滑动标题,可以左右切换图片位置!

query自适应图片高度并带播放提示的相册特效

jquery实现网页右下角弹出并且支持tab标签选项卡的图片广告代码

jQuery仿QQ空间鼠标感应上下滚动预览图片特效

jQuery多张图片相册上下切换,放大预览等特效

jquery实现鼠标移动到图片上显示大图广告特效

JS带图片标题自动播放的幻灯片特效

jQuery动态加载图片相册,弹窗大图特效

jquery实现led广告牌旋转图片切换特效

jquery实现会滚动的新闻列表和图片滚动特效

jquery.slider多种过渡效果的图片轮播幻灯片特效

jquery焦点选项卡图片切换特效,支持自动播放

澳洲幸运彩|官网