基于jQuery果冻式按钮焦点图切换代码
2015-05-26 09:34
393 查看
基于jQuery果冻式按钮焦点图切换代码。这是一款基于jQuery+CSS3实现的图片切换代码。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
via:http://www.w2bc.com/Article/40114
在线预览 源码下载
实现的代码。
html代码:
<div class="index_slide"> <div class="wrap_1005 slide"> <ul class="slide_con clearfix"> <li> <img src="images/index_slide_con01.png" alt="站长素材"><a href="http://www.w2bc.com/" class="slide_con_a" target="_blank">投放申请</a></li> <li> <img src="images/index_slide_con02.png" alt="站长素材"><a href="http://www.w2bc.com/" class="slide_con_a" target="_blank">投放申请</a></li> <li style="display: block;"> <img src="images/index_slide_con03.png" alt="站长素材"><a href="http://www.w2bc.com/" class="slide_con_a" target="_blank">投放申请</a></li> <li> <img src="images/index_slide_con04.png" alt="站长素材"><a href="http://www.w2bc.com/" class="slide_con_a" target="_blank">投放申请</a></li> <li> <img src="images/index_slide_con05.png" alt="站长素材"><a href="http://www.w2bc.com/" class="slide_con_a" target="_blank">投放申请</a></li> </ul> <ul class="slide_index clearfix"> <li class="one"></li> <li class="two"></li> <li class="three hover"></li> <li class="four"></li> <li class="five"></li> </ul> </div> </div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/w2bc.js"></script>
via:http://www.w2bc.com/Article/40114
相关文章推荐
- 自己做的一个flash banner焦点切换的同样发上源代码!
- 一款双向无缝+按钮定位的焦点图实现代码
- 如何去掉按钮在输入焦点切换时所产生的闪烁
- 基于jQuery上下切换的焦点图—带缩略图悬浮
- jQuery左侧大图右侧小图焦点图幻灯切换代码分享
- JavaScript表单焦点自动切换代码
- iOS 顶部几个按钮切换界面代码
- js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
- 如何去掉按钮在输入焦点切换时所产生的闪烁
- 各种图片播放器 焦点图 旋转幻灯片 四屏切换 相册代码
- [转]Flash焦点图片切换代码
- jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
- 一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
- 单击单选按钮切换对应的菜单代码
- Javascript中自动切换焦点实现代码
- 一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
- jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
- 基于jquery的网站幻灯片切换效果焦点图代码
- jQ网站幻灯片切换效果焦点图代码