YAOHAIXIAO.COM

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

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

Rss

Home » Posts tagged "jQuery Plugins"

jQuery EasyCarousel Plugin

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

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

YUI 和 jQuery 版本的 Validator 校验框架

YUI 和 jQuery 版本的 Validator 校验框架

程序简介: Validator我分别用 YUI 2.6 和 jQuery 写了两个库的校验框架,基本上能够应付常用的校验工作了。校验恐怕是前端工程师最头疼的工作之一,希望使用这个框架能帮助大家提高开发效率。其实在阿里巴巴国际站开发POST表单项目的时候就是利用这个校验框架的基础开发了POST表单的校验框架。 演示地址:YUI 版本 jQuery 版本 // 程序调用代码 (function(){ var byId = YUI.byId, idType = byId(‘card-type’), Validator = YUI.Validator, validateSelectWithIdCard = function(){ var v… [阅读全文]

PropertySelector – jQuery 商品属性选择器插件

PropertySelector – jQuery 商品属性选择器插件

程序简介: PropertySelector是为朋友的一个电子商务网站开发的一个小程序。而我发现在blueidea论坛的前端开发板块也有朋友问类似淘宝那样的商品属性选择器怎么实现。我这里用的jQuery实现的PropertySelector,相信应该能够满足大家在平时的开发需求的了。 多组属性+单个属性可以多个子属性 $.PropertySelector.select({ onlyone: true }); $(‘#save-selected’).click(function(){ var savedValueToUrl = $.PropertySelector.getSelectedValuesToURL(); alert(sav… [阅读全文]

advsBlocks - jQuery仿无名良品首页商品图片展示插件

advsBlocks - jQuery仿无名良品首页商品图片展示插件

程序简介: advsBlocks – 在阿里巴巴时候需要这么一个效果,于是就自己写了一个。现在这个版本是用 jQuery 重写的,很经典也很实用的一个商品展示效果,主要的技巧是使用 CSS 预定义样式做好定位。推荐大家试试! // mackup格式数据 – 所有数据都在页面上 var VanclBlocksData = { blocksContainer: $(‘#vancl-block’), // mackup — 所有数据都在页面上; // attribute — 数据从图片的属性中获取,动态生成其余的界面 // dynamic – 全部数据动态获取,然后根据数据动态生成界面 dataType: ‘mackup’… [阅读全文]

tabsView – jQuery 插件

tabsView – jQuery 插件

程序简介: tabsView是用 jQuery 重写了我之前的 YTabs 控件,基本上把 YTabs 的所有功能都实现了,还添加了 AajaxTab 的缓存。以前在阿里巴巴都是用的 YUI 开发,jQuery用的并不多,写这个主要是自己也在学习 jQuery。喜欢用 jQuery 的朋友可以用我这款插件,兼容性很好,调用也挺方便的。 自动切换的排行榜 带缩略图的横向循环滚动图片新闻 自定义默认显示项 带下拉菜单的tab导航 英文字母索引下拉菜单 自动切换带缓存的Ajax导航 数字索引自动循环滚动的图片新闻 下载地址:tabsView.zip 程序特点: 支持自动切换,可以透明和滚动过渡 支持横向和纵向连续滚动过度效果 支持循环不间… [阅读全文]

JScroller – jQuery 无缝循环滚动插件

JScroller – jQuery 无缝循环滚动插件

程序简介: JScroller 无缝循环滚动特效应该是经常用到的一个实用的效果,JScroller 程序的原型是基于 YAHOO 图片的 scrollnews.js,现在用 jQuery 重构了程序。效果图如下: // 横行滚动调用代码 (function(){ $(‘#scroll-h’).scroller({ scroller: $(‘#scroll-h-con’), repeaterTag: ‘ul’, itemTag: ‘.scroll-item’, speed: 10, direction: ‘H’ }); })(); // 纵行滚动调用代码 (function(){ $(‘#scroll-v’).scroller({ s… [阅读全文]