添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

自适应宽屏响应式手拉风琴图片特效

时间:2015-03-14      来源:互联网     
特效说明:
一款自适应宽屏响应式手拉风琴图片特效,该特效代码基于jQuery编写,是三张图片重叠在一起,只有第一张图片显示全图,其它图片被覆盖只显示一部分,当用鼠标点击被覆盖图片的时候,则那张图片显示全图。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码:
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.2.0-packed.js" type="text/javascript"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效


最新更新特效

设计分享

web前端视频教程