jQuery焦点图

所属分类:媒体-幻灯片和轮播图

 42748  309  查看评论 (3)
分享到微信朋友圈
X
jQuery焦点图 ie兼容7

以下由网友ChasonMa添加

jQuery焦点图是一款仿百度新闻首页左右按钮控制焦点图片淡出淡进轮播切换。

引入样式文件:yx_rotaion.css

<link rel="stylesheet" type="text/css" href="css/yx_rotaion.css"/>

</body>前引入Jquery库和js:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.yx_rotaion.js"></script>
<script type="text/javascript">
  $(".yx-rotaion").yx_rotaion({auto:true});
</script>

html:

<div class="yx-rotaion">
  <ul class="rotaion_list">
    <li><a href="http://www.jq22.com/"><img src="uploads/1.jpg" alt="图片信息1"></a></li>
      ......
  </ul>
</div>
相关插件-幻灯片和轮播图

jQuery左右全屏弹性切换焦点图特效

jQuery左右全屏弹性切换焦点图特效
  幻灯片和轮播图
 25906  361

jQuery游戏人物轮播切换效果

jQuery游戏人物轮播切换效果,基于slick幻灯片插件制作的一款背景图片切换效果。
  幻灯片和轮播图
 27598  376

基于jquery仿QQiPhone首页

基于jquery仿QQiPhone首页效果清新实用
  幻灯片和轮播图
 22077  274

jQuery3D轮播效果

jQuery多个3D环绕滚动效果
  幻灯片和轮播图
 41824  378

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    小新 0
    2019/5/17 11:01:23
    要是一个页面加多个焦点图这么办呢 回复
    李栋生 0
    2017/7/28 15:55:02
    点击一下就不动了,必须重新刷新 回复
    abusizhishen 0
    2016/12/19 21:12:41

    换了一个版本的jquery有点小问题。

    报错jquery.yx_rotaion.js:42 Uncaught TypeError: Cannot read property 'msie' of undefined。

    回复
    时光小屋 0
    2014/1/20 10:32:00

    效果可以 但是有个问题  IE 7  8 透明度有问题  有黑边 没有调试好啊

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复