首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
jquery roundabout幻灯片插件3d图片切换支持图片旋转切换滚动
】的更多相关文章
jquery roundabout幻灯片插件3d图片切换支持图片旋转切换滚动
<!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> <meta http-equiv="Content-…
Jquery Slick幻灯片插件
slick 是一个基于 jQuery 的幻灯片插件,具有以下特点: 支持响应式 浏览器支持 CSS3 时,则使用 CSS3 过度/动画 支持移动设备滑动 支持桌面浏览器鼠标拖动 支持循环 支持左右控制 支持动态添加.删除.过滤 支持自动播放.圆点.箭头.回调等等 浏览器兼容:兼容 IE7+ 及其他主流浏览器,若要兼容 IE7,需修改 CSS(slick.css). jQuery兼容:兼容 1.7 及以上版本. 下载地址:https://github.com/kenwheeler/slick…
jquery.roundabout.js实现3D图片层叠旋转木马切换
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js. 兼容性如图: html结构代码: <div id="featured-area"> <ul> <li><img src="images/fnfast.jpg"/></li> <li><img src="images/photoshop_plus.jpg"/>&l…
jquery delayLoading.js插件的延迟加载效果和图片延迟加载
1.首页给大家介绍一下这款插件的主要用途 主要应用于图片的延迟加载,而且可以变换不同的延迟加载效果,适合相册图片.有做相册的可以考虑应用. 2.兼容IE7以上都兼容,其他的浏览器也兼容.所以说兼容性还是不错的. 3.插件的调用也是很简单的,看下面展示: 下面对调用属性的解释也都写在了代码中,可以参考换不同的风格. <script type="text/javascript"> $(function () { $("img").delayLoading({…
jquery瀑布流布局插件,兼容ie6不支持下拉加载,用于制作分类卡
调用方法 $('需要布局的块').sault() 如果要在图片加载后调用需要使用$(window).load(function(fx){});函数,即等待图片加载完成再调用 3个参数 1.left:左右间隔 2.top:上下间隔 3.split:希望分成几列 全部是数字 实现原理是绝对定位,不用浮动的原因是,浮动会造成空白 为了固定位置,需要在父元素上使用相对定位 Array.prototype.max = function(){ return Math.max.apply({},this);…
超轻型响应jQuery旋转木马幻灯片插件anoSlide
http://www.jqcool.net/demo/201409/jquery-anoslide/…
jQuery响应式幻灯片插件jquery.glide.js(支持触摸&轻量级)
找到一款好的幻灯片插件不容易,找到一款功能全并且使用很简单的幻灯片更不容易,今天为大家分享一款全能的幻灯片插件glide.js,也是我现在在使用的一款插件. jquery.glide.js是响应和触摸友好的jQuery的滑块插件,基于CSS3也支持较老的浏览器. jquery.glide.js功能介绍 轻量级压缩过后的js 仅 〜4.5 KB左右 超快速CSS3过渡,对移动设备的友好支持 响应式布局 它适用于智能手机,平板电脑和台式机. 支持API回调,支持键盘导航 构造布局简单,没有多余的代码…
jQuery幻灯片插件autoPic
原文地址:Jquery自定义幻灯片插件 插件效果图: 演示地址:autoPic项目地址:autoPic 欢迎批评指正!…
幻灯片插件FlexSlider -- Amaze UI幻灯片参数
用了Amaze UI 的人就知道,其幻灯片插件是 data-am-slider='{}'来传参数的:(以下代码来自Amaze UI 官网) <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}' > <ul class="am-slides"> <li> <img src="http…
jQuery+html5实现的3D动态切换焦点轮播幻灯片
今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片,支持左右箭头和圆点按钮播放控制,支持多种不同的3D动态切换特效,自适应全屏显示,兼容360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗,不支持IE8及以下浏览器.横向全屏显示,效果图如下: 在线预览 源码下载 实现的代码. 该幻灯片基于jquery,所以要引用jquery库,另个还有两个js库分别是html5zoo.js和lovelygallery.js.这些js在实例下…