Day: May 11, 2015

jquery响应式内容滑动插件bxSlider

为什么要使用bxSslider jquery插件呢 完美响应式设计,适应任何设备。 可以包含图像,视频或HTML内容。 先进的触摸响应设计,极好的交互体验。 使用CSS动画,更流畅便省资源,加硬件加速 丰富的API和公共方法,方便使用 小文件,多主题,简单易用 兼容主流浏览器:火狐,Chrome,Safari浏览器,IOS,Android的,IE7 + 丰定罪的配置选项 How to install Step 1: Link required files First and most important, the jQuery library needs to be included (no need to download – link direct… Read More

开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !

CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格 式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了,具体的各按钮的位置和底部背景的设置在 ckplayer/ckplayer.js里设置。   功能设置介绍 本教程涉及到以下各点,点击对应标题页面将直接滑动到相应内容: 1:修改或去掉播放器前置logo 2:… Read More

jQuery插件:Tiny Scrollbar滚动条插件(滚动条美化、默认滚动条)

Tiny Scrollbar是基于jQuery的滚动条插件, 风格简洁, 可自定义样式, 体积较小。 插件特点: 支持iPhone, iPad, Android 新版1.8,可以在移动设备上滚动内容 可以在水平方向和垂直方向滚动 支持滚轮,拇指、跟踪、触摸。 它有一个更新函数,这样它就可以处理内容的变化。 拇指大小的滚动条,可以设置为自动或固定数量 容易定制 支持正常的滚动和移动风格转化的滚动。 轻量级其只有100行代码。大小是2,29 kb 样式可以自己设置,很自由。 使用的方法很简单。前提你要调用jquery文件,像这样: <script src="http://www.qingdou.me/jquery.js" type="… Read More

15个带示例的jQuery滚动条插件

1、NiceScroll:可用于桌面、移动与触摸设备的jQuery滚动插件 NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式。它支持Div、iFrame、一个body的滚动条效果。适用于iOS设备。 在线演示 | 下载   2、Lion样式jQuery滚动条:nanoScroller nanoScroller提供提供了一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条。 在线演示| 下载   3、jQuery自定义内容滚动 自定义滚动插件利用就Query UI以提供完整的CSS自定义,它支持水平/垂直滚动,并支持鼠标滚轮(通过Brandon… Read More

Unix系统的diff工具程序

diff是Unix系统的一个很重要的工具程序。   它用来比较两个文本文件的差异,是代码版本管理的基石之一。你在命令行下,输入:   $ diff <变动前的文件> <变动后的文件>   diff就会告诉你,这两个文件有何差异。它的显示结果不太好懂,下面我就来说明,如何读懂diff。   一、diff的三种格式 由于历史原因,diff有三种格式:   * 正常格式(normal diff) * 上下文格式(context diff) * 合并格式(unified diff)   我们依次来看。   二、示例文件 为了便于讲解,先新建两个示例文件。   第一个文… Read More

jQuery本身方法($.each,$.map,$.contains,$ajax)

常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格。 $.trim(' Hello ') // Hello (2)$.contains $.contains方法返回一个布尔值,表示某个DOM元素(第二个参数)是否为另一个DOM元素(第一个参数)的下级元素。 $.contains(document.documentElement, document.body); // true $.contains(document.body, document.documentElement); // false (3)$.each,$.map $.each方法用于遍历数组和对象,然后返回原始对象。它接受两个参数… Read More

html照片从模糊到清晰的渐变加载显示方法

1.背景介绍 在网络相册应用中用户查看照片是最朴素的需求,当网络比较慢的时候查看照片等待的时间是比较长的,用户体验会很差。   2.现状 现在加载照片的方法主要有一下两种: (1)最原始的方式在html页面直接用img标签加载显示照片。该方法在网络速度比较慢或者要显示的照片比较大的时候会页面出现空白的等待过程,并且不能开始给用户看到照片大概的情况,用户体验比较不好 (2)在html页面先用img标签加载显示照片的缩略图,同时用javascript隐藏的加载照片的原图,等照片大图加载完成后再将原图显示到页面中。以下是流程图: 该方法用户可以先看到的是模糊的小图,等照片的原图加载完后才能看到真实的照片… Read More

一分钟解决“仅限中国大陆地区播放”

一分钟解决“仅限中国大陆地区播放” 来了这就没看上美剧了,主要是没有勇气看不带字幕的直播。。。难得这个周末有空,想起搜狐高清视频,结果“仅限中国大陆地区播放”。折腾了一个小时,终于找到一个高效的方法!大家踊跃传播啊~~ Internet Explorer、Firefox、Google Chrome等三种常用浏览器的Proxy代理设定方法。 免费代理网站:大家就不要去搜神马中国代理了,强烈推荐以下几个网站,实时更新。尤其是第一个,灰常好用!! · http://proxy-list.org/ · http://www.cooleasy.com/ · http://tools.rosinstrument.com/pro… Read More

Flexslider图片轮播、文字图片相结合滑动切换效果

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 查看演示DEMO 下载源码 Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持触控滑动。 支持图文混排,支持各种html元素。 自适应屏幕尺寸。 可控制滑动单元个数。 更多选项设置和回调函数。 HTML 首先在页面head部位载入jquery库文件和Flexslider插件,以及Flexslider所需的基本css样式文件。 <link rel="st… Read More