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

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

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

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

jQuery Confirm 确认提示框插件

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

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

为rel=external添加上target=”_blank”,实现在新窗口打开链接

如果需要在新窗口中打开链接,我们使用的方法是在a上加上taget=“_blank”,但这是不符合w3c的规范,在使用严格的DOCTYPE(xhtml1-strict.dtd)校验时,会提示“there is no attribute target for this element(in this HTML version)”的错误信息。

所以很多老外写的东西基本上就不会出现taget=“_blank”,就比如我现在使用的这个wordpress自带主题一样,他们替换的方案是使用HTML4.0新增的标签rel来表示,rel是用来表明链接和包含此链接页面的关系,以及链接打开的目标。rel有许多的属性值,比如next、previous,、chapter、section等等,还有我们用来拒绝搜索引擎蜘蛛向下爬行的nofollow(这一点很重要,在wordpress中,几乎所有的评论中的用户名的链接都是加了rel=nofollow的,所以想通过在博客中添加评论来增加外链都是徒劳的)。而我们现在要使用的就是rel=”external”属性,用来表示链接将在新窗口中打开。当然,这只是符合strict标准的方法,而并没有真正实现在新窗口开打链接,还需要javasscript的支持。
未完,继续阅读

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的介绍,我将按照原博客的方式介绍。
未完,继续阅读

jquery回到顶部插件,平滑返回顶部

不多说,jquery版的回到顶部插件,支持滚动条拖到下方开始出现(淡入淡出),单击平滑回到顶部,看一下说明。
未完,继续阅读