YAOHAIXIAO.COM

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

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

Rss

Home » Archive by category "Downloads"

AutocJS – 为你的文章自动创建目录导航菜单

创作的灵感 AnchorJS 是 AutocJS 的创作灵感。既然 AnchorJS 可创建标题的链接,为什么不直接给文章生成一个目录(Table of Contents)导航呢?于是就有了AutocJS. What is AutocJS? AutocJS 是一个专门用来给文章生成目录(Table of Contents)导航菜单的工具。AutocJS 会查找文章指定区域中的所有h1~h6的标签,并自动生成文章的目录导航菜单。 Why AutocJS? AnchorJS 由于是国外的程序员开发的,所以对中文支持不好,无法给中文标题生成锚点。AutocJS 就是一个即支持英文也支持中文的解决方案。 AutocJS 的特点 全面支持中文… [阅读全文]

jQuery EasyCarousel Plugin

Carousel 实例演示 普通的横向滚动 来回滚动(默认) 普通的横向滚动 最大最小页按钮不可用 普通的横向滚动 指定默认的显示页面 普通的横向滚动 自定义 easing 切换动画 普通的横向滚动 自动播放 普通的横向滚动 向上翻页 自动播放 普通的横向滚动 指定一次滚动的距离 普通的横向滚动 指定滚动一屏的时间 普通的横向滚动 自动滚动 指定滚动到下一屏的等待时间 普通的横向滚动 带 Tabs 导航 横向无缝循环滚动 横向无缝循环滚动 全部配置 纵向无缝循环滚动 全部配置 Scroll 实例演示 自动横向循环无缝滚动 自动纵向循环无缝滚动 特点简介 EasyCarousel Plugin 是 jQuery 写的又一个非常实用的 … [阅读全文]

jQuery 带缩略图相册效果

jQuery 带缩略图相册效果

jQuery 带缩略图相册效果,一个比较实用的相册效果,基本上就是常见的图片网站用的相册效果,推荐大家试试! 演示地址:http://www.yaohaixiao.com/scripts/jAlbum/ 代码下载:jAlbum CSS 代码 .album{ margin:20px auto; width:1000px; border:10px solid #FFF; -webkit-box-shadow: 1px 2px 5px #CCC; -moz-box-shadow: 1px 1px 5px #CCC; box-shadow: 1px 1px 5px #CCC; overflow:hidden; } .album-image-… [阅读全文]

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… [阅读全文]

简单的无障碍阅读辅助工具栏

简单的无障碍阅读辅助工具栏

去年用JavaScript写的一个无障碍阅读辅助工具栏的效果,把代码整理了一下,拿了新浪的首页做测试页,效果还算是实用,这里的演示效果是拿新浪的首页测试的,看看吧! 演示地址:http://www.yaohaixiao.com/scripts/webaccess/ 下载地址:webaccess.rar 虽然不是真正意义上的无障碍阅读,不过看上去还是挺唬人的。在JS的注释里,我都把效果的实现原理解释了一下。当然,还有也性能问题要解决,也希望感情趣的朋友一起来改善。看看实现的代码吧: CSS 代码 #web-access-toolbar { position: fixed; _position: absolute; z-index: 1… [阅读全文]

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… [阅读全文]

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… [阅读全文]

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… [阅读全文]