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

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

 30409  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>
相关插件-幻灯片和轮播图,图片展示

jquery+css3立方体自定义生成(原创)

jq+css3矩体自定义生成,可自定义宽高和面的分离量
  幻灯片和轮播图
 24156  308

jquery适合风景展现的图片切换特效

图片切换,带有标题和缩略图,效果很好,修改非常简单,兼容各大浏览器
  幻灯片和轮播图
 34642  326

基于swiper带视差切换效果的轮播图

双层轮播图,里面的轮播图是一倍速轮播,外面的轮播图是双倍苏轮播,意想不到的美感
  幻灯片和轮播图
 39627  344

强大的js焦点图插件myFocus(完整版)

myFocus是一个专注于WEB端焦点图轮换图的JS库。该焦点图插件集成了30多种风格图片切换效果,体积小,使用简单,兼容ie6+和所有的主流浏览器。
  幻灯片和轮播图
 45853  455

讨论这个项目(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盒子中,这个插件是很好看了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复