【使用Slip.js快速创建整屏滑动的手机网页】的更多相关文章

使用Slip.js快速创建整屏滑动的手机网页

原文  http://segmentfault.com/blog/laopopo/1190000000708417 现在滑屏网页越来越多,比如我在搜狐视频就做了好几个,举个例子,可以用手机扫描以下的二维码访问: 之前写这样的页面可能还要纠结选择什么库,然后再写一堆 touch 的事件,再加上写样式写HTML,可能几个小时就这么过去,才算完成. 现在不一样了. 有了 Slip.js ,你只管写HTML,CSS,如果逻辑简单,一行JS代码就可以搞定,大大提升了开发的效率.不吹牛,上面的demo,不到…

Bounce.js – 快速创建漂亮的 CSS3 动画效果

Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库,使用其特有的方式生成的动画效果.只需添加一个组件,选择预设,然后你就可以得到一个短网址或者导出为 CSS 代码. 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 好东西!动感的页面加载动画效果[附源码下载] 使用 CSS3 实现3D图片滑块效果[附源码下载] 时尚设计!三种奇特网格加载效果[附源码下载] 源码下载      在线演示 本文…

Node.js快速创建一个Express应用的几个步骤

Node.js 的 Express 框架学习 转载和参考地址: https://developer.mozilla.org/zh-CN/docs/Learn/Server-side/Express_Nodejs/skeleton_website 1.创建一个文件夹 2.在cmd命令下,进入当前文件夹 3.初始化npm 环境(否则直接下载模块会报错)npm init -y 4.安装express模块, generator生成器npm install express npm install -g e…

Sale.js——快速创建促销样式

小菜编写的又一款jQuery小插件,有兴趣的朋友可以试试~ 简介: 对于一个用于产品展示.销售的网站而言,很可能需要一种促销的特效. 一般而言,我们会在商品图片前加一个促销栏,写上一些促销标语.原价.折扣价等. 如果您的网站比较旧,或者您的新网站没有考虑这个功能,那么后期再加的话,可能需要费一番心思. Sale.js正是为此而生,她可以轻松的帮您添加促销样式,只需要您做很少的事情. 特性: Sale.js依赖jQuery,以jQuery插件的形式封装. Sale.js可以在任意块级元素上添加促销…

Node.js快速创建一个访问html文件的服务器

var http = require('http'), // 引入需要的模块 fs = require('fs'), //引入文件读取模块 cp = require('child_process'), // 可自动打开浏览器模块 url = require("url"), path = require("path"); http.createServer(function (req, res) { var pathname = __dirname + url.par…

Slip.js（移动端跟随手指滑动组件，零依赖）

Slip.js可用于移动端滑动banner,移动端整屏滑动等效果,个人觉得用于移动端滑动banner比较好,不会和iScroll.js起冲突,因为它不依赖任何其它的js库. Html: <!doctype html> ... <script type="text/javascript" src="slip.js"></script> <body> ... <div id="container"…

Slip.js – 在触摸屏上实现列表的滑动排序功能

Slip.js 是一个很小的 JavaScript 库,用于实现对触摸屏的互动 Swipe 和对元素重新排序列表(Reordering).Slip.js 没有任何的依赖,你可以通过自定义 DOM 事件实现重新排序交互. 您可能感兴趣的相关文章 Pace.js – 页面加载进度自动指示和 Ajax 导航效果 使用 iosOverlay.js 创建 iOS 风格的提示和通知 Parallax.js – 自适应智能设备方向的视差效果插件 Bootstrap Magic – 轻松创建 Bootstrap…

通过js实现整屏滑动+全屏翻页+动画展示+线性图

技术:html+css+jquery+jquery-ui.js+jquery.fullPage.js   概述 本demo主要通过html+css+js实现整屏滑动,全屏翻页并带动画的功能效果,借助于jquery等插件.逻辑稍微复杂,里面还嵌入了柱形图等多种线性图. 详细 代码下载:http://www.demodashi.com/demo/14989.html demo是模拟的一家教育机构的首页,当时学习的时候写的,主要实现的是整屏滑动,全屏翻页的效果,每次翻页都有动画的效果,内容嵌入了线性图…

快速创建显示数字数据的动画——CountUp.js

由于项目需求,需要写一个数字增/减量的动画特效,最后找到了CountUp.js CountUp.js是一个无依赖,轻量级的JavaScript“类”,可用于快速创建以更有趣的方式显示数字数据的动画. 使用需引入countUp.js文件,以下例子还引用了jquery.js countUp.js文件地址:https://github.com/inorganik/CountUp.js 也可以访问:http://inorganik.github.io/countUp.js/ jquery.js文件地址:…

JS快速入门（二）

目录 JS快速入门(二) 结构图 BOM window对象 open() window子对象 location对象 history对象(了解) navigator 对象 screen对象 BOM 定时器 定时器方法 setTimeout(代码字符串或函数, 等待的毫秒数, 参数 1, 参数 2-) setInterval(代码字符串或函数, 运行间隔毫秒数,参数 1, 参数 2-) 弹框 DOM DOM结构及节点 常用节点获取方法和属性 获取节点的方法(直接查找) 通过属性获取节点方法(间接查找…