cc蒲公英的博客

(1). 如需使用Swiper的3d切换首先加载3D flow插件(js和css)。head>linkrel="stylesheet"href="css/idangerous.swiper.css">linkrel="stylesheet"href="css/idangerous.swiper.3dflow.css">script

简介iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll，你的项目便拥有了滚动，缩放，平移，无限滚动，视差滚动

简介移动端跟随手指滑动组件，零依赖。使用方法1、Html... type="text/javascript" src="slip.js"> ... id="container"> class="page page-1"> src="img/1.png"> class="page page-2"> src="img/2

简介  4月15日，网易邮箱升级到6.0版本，并发布了介绍页面（点击访问），页面采用了时下非常流行的“全屏”效果，文字、图片再加上 CSS3 动画，让用户非常直观、清晰的了解6.0版本的功能及特色，真是高端大气上档次。如此高大上的页面，想不想自己也做一个？今天我们就用 fullPage.js 仿照着制作一个类似的页面。制作方法1、引入文件

下面给2个上下滑屏的例子~实例一，简单的上下滑屏实例二，简单的上下滑屏，滑动中附加了动画~设计滑屏框架的办法一般有2种控制父容器法控制子容器法控制父容器法通过控制父元素的transform: translateY或margin-top或top的值来上下滑动页面，每次的位移的取值为当前页面高度~这

书写基本样式要想实现响应式布局，首先需要书写基本的响应式布局的样式。html,body { height: 100%;}@media only screen and (min-width: 480px){ body { background: yellow; }}@media only screen and (min-width: 640px) and (max-wi

( 类似手机QQ左触摸滑动，出现个人设置等信息。)简介Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖，自由搭配简单的标记，支持原生的滚动，您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是，它只是4KB 。使用方法1、引入文件

是一款简单实用的轻量级进度条jQuery插件，插件可以让您轻松实现带动画效果的水平或垂直进度条，你只需传参数或是配置下选项就可以完成你想要的进度条效果。插件使用了一个out-of-the-box的简单设计，目的是为了方便您通过参数选项配置您想到的进度条效果，这些参数包括：宽度、高度、背景色、进度条颜色等等，通过这些参数你可以构造自己的进度条样式。引入核心文件

简介slick 是一个基于 jQuery 的幻灯片插件，具有以下特点：支持响应式浏览器支持 CSS3 时，则使用 CSS3 过度/动画支持移动设备滑动支持桌面浏览器鼠标拖动支持循环支持左右控制支持动态添加、删除、过滤支持自动播放、圆点、箭头、回调等等兼容浏览器兼容：兼容 IE7+ 及其他主流浏览器，若要兼容 IE7，需修改 CSS（slick.css）。jQ

指势触控简介       PhotoSwipe 是专为移动触摸设备设计的相册/画廊，支持触控网页上所有内容放大缩小，兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。使用方法1、引入文件  script type="text/javascript"

简介Hammer.js是一个轻量级的JavaScript库（仅有2kb），能让你的网站轻松实现触控事件。它依赖于jQuery，用来控制触摸设备上的多点触控特性。并支持以下特性：TapDouble TapHoldDragTransform兼容性Hammer.js已经在IOS5系统的iPad1，IOS5系统的iPhone，Android 2.3.3的三星Ga

演示layer一些基本的层类型初体验第三方扩展皮肤询问层提示层墨绿深蓝风捕获页页面层自定页tips层iframe层iframe窗加载层loading层小tipsprompt层tab层相册层WebIM信息框例1例2例3例4例5 页面层/iframe层页面层-自定义页面层-佟丽娅iframe-子父操作ifram

swiper使用方法

瀑布流布局非常适合大量图片的展示，一改过去裁剪图片尺寸统一的排版，每张图片都能完全展示，并错落有致，让人眼前一亮。注意事项：项目中的 img 元素的 width 和 height 属性需要写，否则定位会不准确。（可以用 JavaScript 实时获取图片的宽高，但图片数量过多时，这将是一件不靠谱的事情，如果你执意要这么做，可以参考这个 Demo）Html<!--

简介layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被3731654人次关注）。layer 甚至兼容了包括IE6在内的所有主流浏览