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

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

28422 328 查看评论 (7)

分享到微信朋友圈

查看演示立即下载

插件描述：一款jQuery鼠标点击图片透明渐变翻开切换焦点图网页特效鼠标点击图片向上移动渐变消失切换图片，带自动轮播、页码标识JS焦点图代码。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法

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>

简单易用的万能表单验证插件

歌词自动推进demo

相关插件-幻灯片和轮播图,图片展示