【Ideal-image-slider 幻灯片】的更多相关文章

jQuery Devrama Slider 幻灯片

Devrama Slider 是个图像滑块,带有许多非常有趣的特性. 它不仅支持图像还支持 HTML 内容. 响应式 方便 CSS3 转换 转换效果 进度条 高级的预加载和延迟加载 CSS 自定义 用户可以定义导航或者控制器 在线实例 实例演示 使用方法 <div class="slide1" data-lazy-background="4247776023_81a3f048ca_b.png"> <h3 data-pos="['10%',…

Ideal-image-slider 幻灯片实例演示

链接:http://zaixianshouce.iteye.com/blog/2316300 http://www.shouce.ren/study/api/s/jq--5733e32bf23bb--index2.html 在线实例 实例演示 默认效果 实例演示 淡入淡出 实例演示 带链接 实例演示 项目导航 实例演示 带标题描述 实例演示 回调函数 实例演示 自定义切换 实例: <!DOCTYPE html> <html lang="zh-CN"> <h…

【jquery】幻灯片效果

闲着无聊,用Jquery写了一个幻灯片效果. 我这人喜欢造轮子,除了jquery这种有强大开发团队的框架级别JS,其实的一些小程序都是尽量自己写. 一是因为怕出问题了没人问,二是自己写的改起来也方便. 效果可参考: http://www.helloweba.com/demo/supersized/ 只是上面这个DEMO用的是supersized,功能比较强大,就是代码加密过了,读起来很困难. 废话不说,代码放上. CSS: img.slider-image { position:absolute…

fullPage.js学习笔记

中秋节,一个人呆着,挺无聊的,还是学习最有趣,不论是什么,开阔视野都是好的. 参考网址:http://www.dowebok.com/77.html  上面有详细介绍及案例展示,很不错哦,可以先去看看demo 一.简介 fullPage.js 是一个基于jQuery的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机.平板触屏事件 4.支持css3动画 5.支持窗口缩放 6.窗口缩放时自动调整 7.可设置滚动宽度.背景颜色.滚动速度.循环选…

FullPage.js全屏滚动插件的配置项、方法和回调函数

fullPage.js 是一个基于 jQuery 的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 1.选项 选项 类型 默认值 说明 verticalCentered 字符串 true 内容是否垂直居中 resize 布尔值 false 字体是否随着窗口缩放而缩放 slidesColo…

Github资源汇集

Github资源汇集 突然发现申请博客园已经两年有余,没有发表过一篇文章,十分惭愧.言归正传,先分享一下两年来收集的部分编程资源,大部分为Github上的项目.虽然网上这样的分享已不在少数,但不如我理想中的集中,实用.如果早些时间我有这些资源,估计少走了很多弯路.篇幅有限,仅列出综合资源, JavaScript, CSS的,限于篇幅,其于的在Github上,就不列出来了. 综合资源 资源链接汇集 awesome - 各种主流语言的优秀项目汇集 github_star.md - 同上 lists …

JQuary中的FullPage属性的用法

$(document).ready(function(){ //常用方法    //$.fn.fullpage.moveSectionUp()   //向上滚动一页 //$.fn.fullpage.moveSectionDown()   //向下滚动一页 //$.fn.fullpage.moveTo(section,slide)     //滚动到第几页的第几个幻灯片,注意:页面从1开始,幻灯片从0开始 //$.fn.fullpage.silentMoveTo(section,slide)  /…

FullPage.js全屏滚动插件解说

1.主要功能 1).支持鼠标滚动 2).多个回调函数 3).支持手机.平板触屏事件 4).支持css3动画 5).支持窗口缩放 6).窗口缩放时自动调整 7).可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等 2.结构 使用HTML代码第一行上的强制HTML DOCTYPE声明启动HTML文档.否则,你可能会遇到段高的问题.提供的示例使用HTML 5 doctype <!DOCTYPE html>. 3.配置 1).sectionColor:  可以为每一个section设置…

挂号平台首页开发（UI组件部分）

JQ插件模式开发UI组件 JQ插件开发方法: 1.$.extend() 扩展JQ(比较简单,功能略显不足) $.extend({ sayHello:function(){ console.log("hello~"); } }); $.sayHello(); 2.$.fn  向JQ添加新方法(这次选择这种方法) $.fn.blue=function(){ this.css("background","blue"); } $("div&qu…

Elastic Image Slider 带缩略图功能的幻灯片

今天我们要为您展示如何创建一个简单的弹性幻灯片,带有缩略图预览功能.Elastic Image Slider 这款幻灯片能够自动调整以适应到其父容器,我们可以通过幻灯片使用缩略图预览或幻灯片的自动播放选项. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery…