欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 滚动图片 > 纯js立体3D效果焦点图正文

纯js立体3D效果焦点图幻灯特效下载

作者：我爱模版网

大小：0.136MB

点击次数：

发布时间：2014-02-14 14:03

分享到：

特效介绍

js立体3D效果焦点图幻灯特效

纯js立体3D效果焦点图幻灯特效下载。完美兼容IE

使用方法

1、引入css文件css.css
2、把以下代码拷贝到你想引用的地方

<div id="slider" class="slide-wp">
  <ul>
    <li><a href="http://www.5imoban.net/" target="_blank"><img src="images/1.jpg" alt=""></a></li>
    <li><a href="http://www.5imoban.net/" target="_blank"><img src="images/2.jpg" alt=""></a></li>
    <li><a href="http://www.5imoban.net/" target="_blank"><img src="images/3.jpg" alt=""></a></li>
    <li><a href="http://www.5imoban.net/" target="_blank"><img src="images/4.jpg" alt=""></a></li>
    <li><a href="http://www.5imoban.net/" target="_blank"><img src="images/5.jpg" alt=""></a></li>
  </ul>
</div>
<div class="nav-wp">
  <ul id="nav" class="nav">
    <li onClick="mySlider.pos(0)">●</li>
    <li onClick="mySlider.pos(1)">●</li>
    <li onClick="mySlider.pos(2)">●</li>
    <li onClick="mySlider.pos(3)">●</li>
    <li onClick="mySlider.pos(4)">●</li>
  </ul>
  <a class="next" onClick="mySlider.move()">next</a>
  <script type="text/javascript" src="js/js.js"></script>
</div>

注：js.js文件一定要放在幻灯后面，不可放在head头部。