商道通企业营销问诊监理平台,帮您找到好专家!
企业网络营销服务
咨询热线: 18954161236

当前位置:首页  >  营销百科  >  营销通  >  幻灯片代码怎么写_html5幻灯片效果代码

幻灯片代码怎么写_html5幻灯片效果代码

投稿人:小商君 2016-12-01 16:19:00 2228

文章摘要: 为方便广大的使用者,小编翻天覆地终于找到了关于幻灯片的代码制作,飘过。。。<linkrel="stylesheet"type="text/css"href="htt

  为方便广大的使用者,小编翻天覆地终于找到了关于幻灯片的代码制作,飘过。。。

  <link rel="stylesheet" type="text/css" href="http://mat1.gtimg.com/jiangsu/index_201511/css/style.css">
 
  <div class="g-layout f-pt25 f-cl">
 
  <div class="g-leftcontent f-fl">
 
  <div class="m-left-wrap f-fl">
 
  <div class="m-slider f-oh f-pr" id="focus" bosszone="focuspic">
 
  <div class="slider" id="slider" style="width: 9999px; position: absolute; left: -1948px;">
 
  [loop]
 
  <div class="slider-box">
 
  <a href="{url}" target="_blank">
 
  <img src="{pic}" width="{picwidth}" height="{picheight}">
 
  </a>
 
  <div class="slider-title">
 
  <a href="{url}" target="_blank">{title}</a>
 
  </div>
 
  </div>
 
  [/loop]
 
  </div>
 
  <a href="javascript:void(0);" class="next" id="slider_next"></a>
 
  <a href="javascript:void(0);" class="prev" id="slider_prev"></a>
 
  <div class="slider_num" id="slider_num">
 
  [order1=1]
 
  <a href="javascript:void(0)" hidefocus="true" target="_self" class="current"><i></i></a>
 
  [/order1]
 
  [loop1]
 
  <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i></i></a>
 
  [/loop1]
 
  </div>
 
  </div>
 
  <script src="http://mat1.gtimg.com/www/js/Koala/Koala.min.1.5.js" type="text/javascript"></script>
 
  <script>
 
  //焦点图
 
  Qfast.add('fx', { path: "http://mat1.gtimg.com/joke/Koala/plusfx1.0.min.js", type: "js" });
 
  Qfast.add('widgets', { path: "http://mat1.gtimg.com/joke/Koala/plus/Terminator2.2.min.js", type: "js", requires: ['fx'] });
 
  Qfast(false, 'widgets', function () {
 
  K.tabs({
 
  id: 'focus',
 
  conId: "slider",
 
  tabId:"slider_num",
 
  tabTn:"a",
 
  conCn: '.slider-box',
 
  auto: 1,
 
  effect: 'slide',
 
  vertical:'left',
 
  eType: 'mouseover',
 
  pageBt:true,
 
  bns: ['.prev', '.next'],
 
  interval: 4000
 
  })
 
  })
 
  </script>
分享到:
©2012-2020 商道通在线(北京)科技有限公司 版权所有 京ICP备17039987号-1

京公网安备 11010502030885号

用户登录

Sign in
*
*
  忘记密码?
  如果您是新用户,请点击这里注册
 

友情提示

您的余额不足,请到充值中心充值或选择其他版本

立即充值