jQuery图片播放8款精美插件分享
本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究。废话不多说了,直接上这些插件。
1、3D轮播相册
这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦。
2、jQuery手风琴效果图片播放器
这款播放器的特点是右侧有一个手风琴式的菜单,而且图片切换十分流畅。
3、流水线效果图片组切换
这款jQuery插件按一组来切换图片,方式酷似流水线,一组接着一组。
4、简洁的jQuery图片横向播放插件
这款jQuery图片播放插件的特点是非常简单,扩展性也很强。
5、jQuery立体全屏相册
这是一款超具立体感的jQuery立体全屏精美相册插件。
6、jQuery 实现的气泡幻灯片效果
这同样是一款jQuery图片播放插件,切换效果就像上升的气泡一样,很有意思。
7、手风琴动画展示插件
这是一款手风琴式的展示动画效果,可以用来展示图片,也可以用来做菜单。
8、jQuery网格图片翻页
以上就是8款jQuery图片播放插件,欢迎收藏。
相关推荐
-
jQuery图片滚动图片的效果(另类实现)
需求 : 图片切换的时候下一屏不允许出现空白的项,换句话说就是 : 1.当移动的最后一屏移动的个数小于要展示的个数的时候 ,只移动(展示个数-最后一屏的个数的)差值. 举个例子: 每一屏都要展示7个,但总个数才10个,滚动到下一屏时候用户看到的还是7个,这个时候需要移动的是三个 这个效果是基于jQuery写的,只是想纪念下自己的学习 话不多说了,贴代码 复制代码 代码如下: (function( $ ){ var slider = function( elem , args ){
-
jQuery图片特效插件Revealing实现拉伸放大
点击图片,图片拉伸放大显示,效果非常棒! 使用方法: 1.head区域引用文件 jquery.js,photorevealer.js,datouwang.css 2.在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3.图片个数可以自由增减,增加或者删除<td></td>即可 4.如果图片信息更多,需要更大的空间,可修改photorevealer.js中第36行的数字 核心代码: $(document).ready(functio
-
jquery图片播放浏览插件prettyPhoto使用详解
一.prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频.flash.YouTube.iframe和ajax.而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义prettyPhoto.目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6. prettyPhoto插件的项目地址:http://www.no-margin-for-errors.com/p
-
jQuery图片的展开和收缩实现代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title
-
12款经典的白富美型—jquery图片轮播插件—前端开发必备
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你. Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本. 目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色: ✓ 16个独特的过渡效果
-
Jquery图片滚动与幻灯片的实例代码
1.图片滚动 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>&l
-
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
以其语法简单灵活而大受Web designer欢迎.所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件,我们可以很简单地直接将这些图片滑动插件嵌入到网页中,很容易就得到了即酷又实用的jQuery图片滑动效果.从这篇文章开始到接下来的几篇文章我们将向大家分享40多种非常有用,又有创意的jQuery图片滑动插件,及其演示和下载地址.你可以按你网页风格找到合适的jQuery图片滑动插件,然后点击演示链接查看具体效果,然后下载此jQuery滑动插件.希望你能在这40个jQuery
-
jquery图片切换实例分析
本文实例讲述了jquery图片切换实现方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
-
jQuery图片轮播的具体实现
效果如下: 先看一看html代码,以及对应的css代码: 复制代码 代码如下: <div id="scrollPics"> <ul class="slider" > <li><img src="images/ads/1.gif"/></li> <li><img src="images/ads/2.gif"/>&
-
基于jQuery的图片左右无缝滚动插件
在线演示:http://demo.jb51.net/js/2012/myslideLeftRight/打包下载:http://www.jb51.net/jiaoben/44973.html核心代码: 复制代码 代码如下: (function($){ $.fn.extend({ "slidelf":function(value){ value = $.extend({ "prev":"", "next":""
-
jquery图片切换插件
复制代码 代码如下: /** * 图片切换插件 * Dependence jquery-1.7.2.min.js **/ (function ($) { //调用方式 $('#silder').imgSilder({s_width:564, s_height:293, is_showTit:true, s_times:3000,css_link:'css/style.css'}); 容器必须加入 id silder_list or class silder_list /*参考结构
-
jQuery实现图片渐入渐出切换展示效果
在这之前我们先看看我们要做的效果是什么样的: 我们要图片在过"一定时间"后自动切换,在右下角处有小方块似数字1,2,3,4,这些数字是根据图片的个数自动出现的,当鼠标经过的时候数字颜色有一定的变化: 下面我们来看看具体怎么实现. 第一步:先写简单的html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
-
jquery图片放大镜功能的实例代码
复制代码 代码如下: /*放大镜*/ .ZoomMain {margin:100px;width:395px;height:460px;float:left;position:relative;} .ZoomMain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;} .ZoomMain .zoom .move{position:absolute;left:0; top:0;display:n
-
jQuery图片切换插件jquery.cycle.js使用示例
Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能 下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后. 复制代码 代码如下: <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascri
随机推荐
- 基于Vue如何封装分页组件
- Javascript 页面模板化很多人没有使用过的方法
- java中数组的应用及方法
- CentOS安装jdk的三种方法
- perl常见问题集合之二
- asp.net AJAX注册类
- Javascript绝句欣赏 一些经典的js代码
- Android中控件GridView实现设置行列分割线的方法示例
- PHP中你应该知道的require()文件包含的正确用法
- DOM 事件的深入浅出(二)
- Jquery从头学起第四讲 jquery入门教程
- 关于jQuery中.attr()和.prop()的问题探讨
- 忘记密码?实达交换机密码破解之道
- 杏林同学录(七)
- 微信小程序顶部可滚动导航效果
- Android延时操作的三种方法
- 基于RabbitMQ的简单应用(详解)
- wxPython实现窗口用图片做背景
- CentOS 6下root密码忘记的解决办法
- 水中女妖(恐怖)迅雷高速下载