YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Posts tagged "Downloads"

jQuery Simple Album – jQuery相册效果

jQuery Simple Album –  jQuery相册效果

用jQuery开发的一个简单而实用的相册效果。 下载地址:album.zip /** * @author Yaohaixiao */ (function($){ var PX = “px”, CURRENT = “current”, HIDE = “hide”; /** * Album 构造函数 * @constructor $.Album * @param {Object} [config] – (可选)初始化参数 * @param {HTMLElement|String} [config.root] – (可选)相册的根节点(DIV 元素),默认值:$(“#album”) * @param {HTMLElement|String… [阅读全文]

Infinite Scroll & Masonry–jQuery 瀑布流布局插件实例

Infinite Scroll & Masonry–jQuery 瀑布流布局插件实例

程序简介: Infinite Scroll & Masonry是两个非常不错的 jQuery 插件,利用这两个插件我们就可以很容易的实现时下流行的瀑布流布局。作为商品展示和图片分享展示,这个效果是再合适不过了。看看效果吧: // 调用代码 (function(){ function item_masonry(){ $(‘.item img’).load(function(){ $(‘.infinite_scroll’).masonry({ itemSelector: ‘.masonry_brick’, columnWidth: 226, gutterWidth: 15 }); }); $(‘.infinite_scroll… [阅读全文]

DropDown Menu – jQuery 多级下拉菜单插件

DropDown Menu – jQuery 多级下拉菜单插件

程序简介: DropDown Menu – jQuery 多级下拉菜单插件是用 jQuery 开发的,为 WordPress 自定义导航菜单添加多级下拉菜单支持的十分轻量级的 JavaScript 脚本程序。 $(‘#top-navigation’).dropMenu(); 下载地址:dropmenu.zip 程序特点: 支持无限极的下拉菜单显示 支持 Tab 键切换显示 浏览器兼容性好 程序 JavaScript 源代码: /** * @author Yaohaixiao */ (function($){ $.fn.extend({ dropMenu: function(menuItem, subMenuItem){ … [阅读全文]

jDialog – jQuery 简易对话框插件

jDialog – jQuery 简易对话框插件

程序简介: jDialog – jQuery 简易对话框插件是用jQuery写的一个模拟系统弹出提示对话框的小程序。我们平时在用户操作提示的时候会时常用到这个小程序。用来调试Ajax的程序,这个小程序也是比较好的选择。避免了alert阻断JavaScript运行。 普通提示信息窗口 $(‘#lnk-msg’).click(function(evt){ $(‘#dialog-zone’).msg({ winId: ‘window-msg-dialog’, isFixed: false, tltTxt: ‘提示消息’, cntHTML: ‘这是一个普通的弹出窗口对话框’ }); // 阻止冒泡和默认行为事件 evt.prev… [阅读全文]

[更新]BlueNight 原创 WordPress 主题下载(Version 1.3.36)

[更新]BlueNight 原创 WordPress 主题下载(Version 1.3.36)

自己是做前端开发工作的,对于页面前端代码的质量和性能一直都要求比较严格。而从网上下载的那些 WordPress 主题的 HTML 结构和前端的性能一直都不太满意,所以这两天就自己动手做了一个——BlueNight。 BlueNight 主题特点简介 支持自定LOGO,可设置文字或者图片 LOGO 支持自定义背景图片 支持(顶部、主导航、底部)自定义菜单 支持 Featured Image, 默认尺寸:106 * 106 支持 Featured Image Header(首页幻灯图片) 非首页显示20张随机的背景图片,没什么特殊,就是为了展示一下自己的城市,让页面也不那么单调。如果您对这些图片背后的故事感兴趣,可以看看《BlueNig… [阅读全文]

CountDown – jQuery 促销倒计时插件

CountDown – jQuery 促销倒计时插件

程序简介: CountDown – jQuery 促销倒计时特效,是很多电子商务网站做促销活动时常用的一个效果,也是一个比较实用的效果。我用jQury写了这个countdown插件,希望对有需要的朋友有帮助。 (function(){ // 调用方法 $(‘#countdown-root’).countdown([{ endTime: “2012-09-23 12:01:00″, // 结束时间 isStart: true // 活动是否开始 }, { endTime: “2012-08-23 12:01:00″, isStart: true }, { endTime: “2013-09-23 12:01:00″, is… [阅读全文]

JW FlvPlayer – 最好的免费FLV播放器

JW FlvPlayer – 最好的免费FLV播放器

程序简介: JW FlvPlayer个人觉得是我用过的最好的免费FLV播放器了,当年youtobe在名不见经传的时候就是使用的这个播放器。播放器现在最新的版本是5.2了,不过我这里介绍还是以前的3.12版本的。如果你喜欢最新的,到JW FlvPlayer官方网站下载。 播放单个flv视频文件 $(‘#flvplayer’).flvPlayer({ width: 480, height: 400, // 设置videoHeight=height-20,则播放器的控制工具栏默认在播放器底部显示 // 如果不设置则控制工具栏则默认隐藏,鼠标放到播放器上才显示出来 videoHeight: 380, // isAutoPlay为flase再… [阅读全文]

ZoomOut Carousel – jQuery 图片缩放Carousel插件

ZoomOut Carousel – jQuery 图片缩放Carousel插件

程序简介: ZoomOut Carousel是利用 jQuery 写的一个图片图片循环滚动放大的类似 Carousel 的特效。其实就是基本的布局结构和Carousel特效一样,只是图片在展示的时候的过度效果是中间的图片大显示。应该也是一个常见和实用的效果。喜欢的朋友可以试试我的这个程序,在展示多个图片的时候,或者像影片信息的内容时,这个效果是十分不错的选择。不过程序只是一个基础的雏形,如果还想做自动播放和其他功能的,就需要自己扩展了。我稍后也会不断的完善程序功能。 $(‘#zoomout-carousel’).zoomOutCarousel({ btnPrev: $(‘#zoomout-carousel-btn-prev’), /… [阅读全文]

Accordion – jQuery 手风琴效果插件

Accordion – jQuery 手风琴效果插件

程序简介: Accordion – jQuery 手风琴特效是一个常见的信息展示的效果,我这个手风琴效果支持上下左右4个方向的滚动。但是目前还不支持动态加载数据的处理,个人认为手风琴效果也没有比较加载动态的数据。这个效果非常实用,有兴趣的朋友一定看看。 从上向下滚动实例 // 从上向下滚动调用代码 // H – 横向滚动 // V – 纵向 // L – 向左 // R – 向右 // U – 向上 // D – 向下 $(‘#accordion’).accordion({ tabs: ‘.accordion-hd’, contents: ‘.accordion-md’, direction: ‘V-D’, lastIn… [阅读全文]

YHover – 小图片划过显示大图片特效

YHover – 小图片划过显示大图片特效

程序简介: YHover – 小图片划过显示大图片特效是我写的一个简单的图片展示的特效,功能很简单,就是在鼠标划过的时候可以展示大图的预览效果。后台上传的图片管理列表页面处理图片预览比较合适。 // 程序调用代码 YHover.photos(‘photo-list’,’img’); 下载地址:yhover.zip 程序特点: 根据小图片的位置和大图的大小,自动调整overlayer位置,让大图片可以完全显示 浏览器兼容性好 程序 JavaScript 源代码: /** * JavaScript代码 * @author Yaohaixiao */ var YHover = function(){ var D = docum… [阅读全文]