基于jQuery上下切换的焦点图

分享一款基于jQuery上下切换的焦点图，这款焦点图带有缩略图悬浮，它的切换效果比较简单，仅仅是作图片的上下切换，但是效果还是比较流畅的。这款jQuery焦点图插件的另外一个特点是在播放器上面可以悬浮缩略图，点击缩略图也可以播放图片。效果图如下：

在线预览源码下载

实现的代码。

html代码：

  <div id="banner"><div class="banner"><ul><li><img src="data:images/banner_1.jpg" /></li><li><img src="data:images/banner_2.jpg" /></li><li><img src="data:images/banner_3.jpg" /></li></ul></div><div class="bannNav"><a href="#"><h1>水龙头</h1><h2>THE TAP</h2><img src="data:images/bannav_2.jpg" /><h3 class="time1">&nbsp;</h3></a><a href="#"><h1>直杆淋浴</h1><h2>SHOWER</h2><img src="data:images/bannav_2.jpg" /><h3 class="time1">&nbsp;</h3></a><a href="#"><h1>浴室镜子</h1><h2>MIRROR</h2><img src="data:images/bannav_4.jpg" /><h3 class="time1">&nbsp;</h3></a></div></div>

via：http://***/Article/20797

基于jQuery上下切换的焦点图—带缩略图悬浮相关推荐

一款jQuery满屏自适应焦点图切换特效
一款jQuery满屏自适应焦点图切换特效 ,自适应当前浏览器的宽度,可以作为网站整个大背景的却换效果,很不错的一款不jquery特效. 兼容性没的说直接秒杀了IE6.适用浏览器:IE6.IE7.IE8 ...
推荐10款左右切换的焦点图源码下载
1.jQuery左右循环焦点图,带箭头按钮这次要分享的jQuery插件也是一款焦点图插件,这在我们之前分享的焦点图插件中算是功能比较完善的了,图片的滑动效果也非常不错.图片两侧带有左右箭头,点击它们 ...
jQuery图片轮播(焦点图)插件(转载）
本文转自http://www.oschina.net/code/snippet_206691_11515?p=3#comments 特点:兼容IE6+,Chrome,Firefox,Opera,saf ...
jQuery 3D圆盘旋转焦点图支持鼠标滚轮
之前我们分享过很多炫酷实用的jQuery焦点图插件了,今天介绍的这款jQuery焦点图非常特别,所有图片围成一个圆圈,组成一个立体视觉的圆盘,并且可以旋转选择圆盘中的图片.另外,这款jQuery 3D ...
基于jquery多种切换效果的焦点图(兼容ie6)
随着html5和css3的诞生.各种非常酷.非常炫的网页焦点图在各个前端技术网上满天飞.基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持.这让需兼容ie6到ie8的页面又爱又恨. ...
10 款基于 jQuery 的切换效果插件推荐
本文整理了 10 款非常好用的 jQuery 切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换. 1. InnerFade 这是一个基于 jQuery 的小插件,可以实现 ...
jquery+html5的3D焦点图特效
功能特点: 9个3D&2D转换与过渡画廊! 易于使用的视觉过渡建设者 -创建自己的自定义转换,并用它与滑块! (大多是独特的)功能(YouTube和Vimeo的视频,自动暂停幻灯片自动播放和自 ...
jquery手写轮播图_15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
《基于JQuery和CSS的特效整理》系列分享专栏
2019独角兽企业重金招聘Python工程师标准>>> <基于JQuery和CSS的特效整理>已整理成PDF文档,点击可直接下载至本地查阅 https://www.web ...

基于jQuery上下切换的焦点图—带缩略图悬浮

基于jQuery上下切换的焦点图—带缩略图悬浮相关推荐

最新文章

热门文章