文章分类 -  js

摘要：(function($){ $.fn.extend({ transform_select:function(setting){ var defaults = { width : 100, height : 50 }, options = $.extend(defaults,setting), method = { init : function(){ ... 阅读全文

摘要：(function($){ $.fn.extend({ myAlert:function(options){ var _this = $(this); var s = $.extend({},defaults,options) _this.click(function(){ alert(_this.val()); }) var init = function(params,trigger){ ... 阅读全文

摘要：1、下拉框插件 selectize.js2、轮播期 superslider3、选项卡 tabulous.js4、html5利器 modernizr.js 阅读全文

摘要：placeholder 登录 阅读全文

摘要：var failed = validate("need name!", $('#name').val()) .validate("need age!", $('#age').val()) .validate("email invlidate!", /\w+@(\w+.)+\w+/.test($('#email').val())) .failed; if(failed) { alert(failed); return false;} alert("validate success 阅读全文

摘要：图片上传本地预览 阅读全文

摘要：海量的jQuery插件帖，很经典，不知道什么时候开始流传，很早以前就收藏过，为了工作方便还是发了一份放在日志里面。其中有些已经无法访问，或许是文件移除，或许是被封锁。大家分享的东西，没什么特别的可说的，唯有感谢无私分享的人们。猫嗔提醒大家在使用的时候注意jQuery包的版本问题，最好是使用相同的版本，因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码，推荐utf-8。jQuery插件-文件上传(File upload) Ajax File Upload. jQUploader. Multiple File Upload plugin. jQuery File S 阅读全文

摘要：本文带来 14 款基于jQuery的实时搜索（自动完成）插件，可以为你的页面和表单添加一些实用的功能。1. Live Search 2.0该插件可以将一个普通的输入框转换成一个实时AJAX搜索部件。可以以任何你喜欢的HTML形式来显示结果，搜索结果根据用户输入内容实时更新。源码 + 演示2. searchbox该插件可以将任何文本框转换成实时搜索框。源码 + 演示3. jQuery LiveSearch该插件现在可以接受任何jQuery选择器。所有状态存储在简单的变量中，通过闭包（closures）来访问。源码 + 演示4. jQuery Searchable DropDown Plugin该 阅读全文

摘要：ColorBox是一个基于jQuery 1.3 的轻量级，自定义灯箱插件，功能非常强大，支持图片，图片组，ajax，inline和iframed内容，灯箱样式完全由用户控制，可自定义CSS样式，不需要改写ColorBox库文件就能重写展示效果设置，支持加载预处理提示等等，效果图如下：使用说明jQuery 1.3库文件colorbox 库文件灯箱效果CSS样式文件使用实例如下： 一、使用ColorBox灯箱显示一张图片和图片组 (1)js部分 $.fn.colorbox.settings.transition = "fade"; $.fn.colorbox.settings. 阅读全文

摘要：如果留意淘宝的话,应该可以注意到:当打开产品页面后，并不是把页面中图片都下载下来,而是随着滚动条的滚动而加载图片.这样可以使页面载入速度更快，节省网站流量,减少服务器的负载.你可以灵活的把这一技术运用在存在大量图片的页面,比如频道页、活动页、搜索结果页等……也许你还是一头雾水,别着急接着往下看：什么是ImageLazyLoad技术在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就 是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。怎么 阅读全文

摘要：Lazy Load这个jQuery插件，是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话，下载图片就需要很多时间。而这款插件，会检测你的滚动情况，只有你要看到那个图片的时候，它才会从后台请求下载图片，然后显示出来。使用这个插件，可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载。如果一个人不看下面的图片，那加载下面的图片就是一种浪费。Lazy Load 插件原理修改目标 img 的 src 属性为 orginal 属性，从而中断图片的加载。检测滚动状态，然后把可视网页中的 img 的 src 属性还原加载图片，制造缓冲加载的效果。但是现在，很多java 阅读全文

摘要：jQuery lazyLoad.js插件 是一款基于jquery框架，可以“实现”图片延迟加载的插件。请注意，我用了双引号，因为从我自己实际调试的结论来说呢，并不会延迟加载，而是先下载，然后通过改变的src属性来隐藏原来的图片。 我们先来看看他的代码吧！ $(document).ready(function(){ $("#team_main_side img").lazyload({ placeholder : "/static/theme/xituan/img/img_loading.gif", effect : "fadeIn" 阅读全文

摘要：所谓图片异步加载，意思是不用一次把图片全部加载完，你可以叫它延迟加载，缓冲加载都行。 看看你有没有这种需求：某篇文章图片很多，如果在载入文章时就载入所有图片，无疑会延缓载入速度，让用户等更久，所以，我想找这样一种插件，让网页只加载浏览器视野范围内的图片，没出现在范围内的图 片就暂不加载，等用户滑动滚动条时再逐步加载。lazyload就是用来实现这种效果。lazyload.js其实是jQuery的一个插件，全称是jquery.lazyload.js，看它的名字就知道它的作用了——就是偷懒载入的意思。由于它是javascript写的，所以适用于所有网页，包括Wordpress。 使用方法我在Tim 阅读全文

摘要：之前一直有关注过Jquery.LazyLoad.js 这个特效，但一直没有用，这几天研究了一下，并应用于实际中，对网站SEO方面没有什么帮助，不过可以节省一些流量，对于大网站来说显的尤为重要，至于节省了多少流量我无从统计。从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个大问题，在网上查了很久，也没有找到相关的解决方案。没解决方案，就 得发挥咱DIY的精神，自己想法解决，分析了BUG，理了理思路，结合前段时间我做弹出窗口特效的方法，解决了Jquery.LazyLoad.js的兼 容问题，现将思路和方法与大家分享一下。解决思路大致是两点，一是从LazyLoad本身 阅读全文

摘要：一、快速使用篇 1.导入JS插件代码如下: 2.在你的页面中加入如下的javascript：代码如下: 并且在你的执行代码中加入下面语句:代码如下:$("#xd").lazyload();这将使id=”xd” 区域下的图片将被延迟加载. 设置敏感度 插件提供了 threshold 选项, 可以通过设置临界值 (触发加载处到图片的距离) 来控制图片的加载. 默认值为 0 (到达图片边界的时候加载). view sourceprint?$("#xd").lazyload({ threshold : 200 }); 将临界值定为 200, 当可视区域离图片还有 阅读全文

摘要：懒加载技术(简称lazyload)并不是新技术，它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影，例如谷歌的图片搜索页，迅雷首页，淘宝网，QQ空间等。因此掌握lazyload技术是个不错的选择，可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。lazyload在什么场合中应用比较合适?涉及到图片，falsh资源，iframe，网页编辑器(类似FCK)等占用较大带宽，且这些模块暂且不在浏览器可视区内，因此可以使用lazyload在适 阅读全文

摘要：在这篇文章中，我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件，这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高，如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。我们一起来看看下面这些优秀的分页插件。1.Client-side jQuery pagination plugin : jPagesjPages 是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等。浏览详情 在线演示2. jPaginate: A Fancy jQuery Pagination Plugi 阅读全文

摘要：SWFUploadSWFUpload 版本 2概览 （Overview）入门（ Getting Started）js对象 （SWFUpload JavaScript Object）构造器（Constructor）全局变量和常量 （Globals and Constants）【新增内容】instancesmovieCount【新增内容】QUEUE_ERROR【新增内容】UPLOAD_ERROR【新增内容】FILE_STATUS【新增】UPLOAD_TYPE【新增内容】BUTTON_ACTION【新增内容】CURSOR【新增内容】BUTTON_WINDOW_MODE【新增】RESIZE_ENCOD 阅读全文