博客主机
博客主机

Swipe JS – 移动WEB页面内容触摸滑动类库

Swipe JS – 移动WEB页面内容触摸滑动类库
想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈。其实实现原理很简单,但平常中自己开发不是很方便。 今天就为大家带来这样子的一个轻量级js触摸滑动类库 – Swipe JS。这是一...

CSS绘制星星评分

CSS绘制星星评分
今天是个特殊的日子,祝大家双节快乐,心想事成!^_^ 接下来给大家介绍一个纯CSS写的星星评分展示效果。主要是border的一个非常巧妙的实际运用,非常不错,很值得学习。先看下演示效果吧。 HTML结构代码 <div class="rating rating-1"> <i class="star-1">★</i> <i class="star-2">★</i> <i class="star-3">★</...

pace.js – 网页自动加载进度条插件

pace.js – 网页自动加载进度条插件
之前有很多同学询问觉唯网站顶部的页面加载进度条是怎么实现的,页面的加载进度百分比,有时候获取是比较麻烦的,当然也可以利用一些优秀的JavaScript插件来实现,今天就为大家介绍这样子的一款插件:pace.js。 在页面中引入Pace.js,页面就会自动监测你的请求(包括Ajax请求),在事件循环滞后,会在页面记录加载的状态以及进度情况。此插件的兼容性很好,可以兼容IE8以上的所有主流插件,而且其强大之处...

类似苹果的幻灯片的代码片段

类似苹果的幻灯片的代码片段
首先调用jquery <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 样式代码 * { padding: 0; margin: 0; } ol,li { list-style: none; vertical-align: middle; } img { width: 100%; heigh...

jQuery.eraser – jQuery橡皮擦插件

jQuery.eraser – jQuery橡皮擦插件
演 示   下 载 简介 jQuery.eraser 是一个基于 jQuery 的插件,它的效果类似于橡皮擦,按住鼠标不放,在图片上面来回移动,上面灰色的图片就会被擦出,显示出下面彩色的图片。 jQuery.eraser 的原理其实是有灰色、彩色两张图片(都需要自己事前准备),将灰色的图片装载于一个 canvas 中,然后和彩色的图片用 CSS 定位在同一个位置,并设置 z-index 使 canvas 位于彩色图片之上。当按住鼠标...

让你立刻知道什么叫云计算

让你立刻知道什么叫云计算
你娶了一个老婆,这叫传统IT架构。 你觉得一个老婆不够,这叫传统企业CIO的困境。 你又娶了一个老婆,这叫双活数据中心。 你在外地又娶了一个小老婆,这叫两地三中心容灾。 你娶了很多风格气质各异的小老婆,以至于形成了后宫,这叫私有云。 你的后宫就叫计算资源池。 你从后宫里选出懂事有能的管理其他小老婆,这叫私有云管理方案。 管事的那个就是HYPERV或VMWARE。 你不娶小老婆,改成包养很多情人,这...