jquery闪烁效果及颜色动画插件

jquery方法中有一组淡入淡出的方法,fadeIn和fadeOut,组合起来使用就可以实现一组淡入淡出的jquery闪烁效果。代码:

$("div.block").fadeOut(100).fadeIn(100);

这样可以实现单词的闪烁效果,如果需要连续闪烁,则可以借助setInterval或setTimeout方法来循环实现闪烁。
未完,继续阅读

jQuery Confirm 确认提示框插件

jQuery Confirm是一个用于显示confirm确认提示消息的jquery插件,该插件在使用的时候不需要添加改变原有代码逻辑,只需要在待确认的节点上调用conform,如$(element).confirm(),另外该插件不需要回调方法。

相比传统的confirm方法,该插件使用上方便许多。而且在用户体验上更为友好。
未完,继续阅读

input输入框为空时,添加默认提示jquery插件

作为一枚前端工程师,我们经常会遇到处理页面输入框的时候,当输入框没有内容时,需要默认给加上一些提示内容。已引导用户正确顺畅的填写表单或输入搜索内容等,比如:“请输入用户名…”、“请输入搜索内容..”。
未完,继续阅读

LazyLoad+ob_start(),完美解决图片延迟加载 [jQuery 插件]

Lazy Load是一个用户延迟加载图片的jQuery插件。再配合后台ob_start()开启页面缓冲区,就能完美的解决图片延迟加载,在没有后台配合的情况下,Lazy Load只是一个伪懒加载模式,长页面,多图时,它只能解决页面加载速度的问题,而不能解决减轻服务器压力的问题,甚至反而加重服务器压力。具体下文介绍。

Lazy Load介绍

Lazy Load是一个用JavaScript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。在包含很多大图片长页面中延迟加载图片可以加快页面加载速度,在某些情况下,他还能减轻服务器的压力。
而关于Lazy Load的介绍,最早是来源于一英文博客:http://www.appelsiini.net/projects/lazyload(下文将重新介绍)
后经翻译为:http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/
不过这些都是一年多以前的事情了,时至今日,Lazy Load已经更新到了1.6.0-dev版,比起当初已经有了一些变化。不仅如此,当初的插件有一大硬伤,如果不修改后台图片src属性,其表面实现了图片的延迟加载,实际上图片还是被下载的客户机上,并没有打到减轻服务器压力的目的。(实际上,在不修改后台代码的情况下,该插件任然没有解决这一问题)
以下是Lazy Load的介绍,我将按照原博客的方式介绍。
未完,继续阅读