jQuery鼠标点击图片透明渐变翻开切换焦点图

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

 28942  328  查看评论 (7)
分享到微信朋友圈
X
jQuery鼠标点击图片透明渐变翻开切换焦点图 ie兼容9

使用方法

1、调用CSS样式:

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

2、调用JS插件代码:

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function(){   
   ....	
})
</script>

3、添加HTML代码:将

<div class="container" style="margin-top:100px"> 
      <img src="images/a1.png" alt="1" /> 
      <img src="images/a2.png" alt="2" /> 
      <img src="images/a3.png" alt="3" /> 
      <img src="images/a4.png" alt="4" /> 
      <img src="images/a5.png" alt="5" /> 
  </div>
<div class="name">
    <p>No 1</p>
</div>
相关插件-幻灯片和轮播图,图片展示

手机触屏幻灯片

html5支持手机触屏幻灯片代码
  幻灯片和轮播图
 30244  317

jquery焦点图轮播插件excoloSlider

jquery焦点图轮播插件excoloSlider,支持拖拽
  幻灯片和轮播图
 35342  319
  幻灯片和轮播图
 39353  366

jquery仿QQ音乐精彩推荐的数组方式轮播

这个是通过数组的原理实现的改变数组的排序元素的class也随之更改产生轮播的效果(代码注释很全,修改方便)
  幻灯片和轮播图
 40467  482

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

    文?(?ε?)?武 0
    2018/5/8 15:14:05
    ,,,虽然他是手动的,,但是他可以让你控制它的翻动频率,作为一个介绍内容来说,,很好的选择 回复
    莫莫vividavid_p 0
    2017/11/23 20:54:32

    正好在考虑这样的效果如何实现呢,Thanks?(?ω?)?

    回复
    W x 0
    2017/11/11 7:09:12
    看看  挺不错 的 回复
    ?蔚他?、? 0
    2017/9/14 14:25:03
    黑白熊 0
    2017/9/11 8:26:51

    个人感觉翻动的图片有点不协调

        jamesmctcyvs0
        2017/9/27 0:11:50

        感迂?不邋唷....???

        文?(?ε?)?武0
        2018/5/8 15:12:27
        正常装在一个DIV盒子中,这个插件是很好看了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复