2009年10月

jquery插件实现图片延迟加载

前几天上QQ的在线视频网站,看到上面的影片列表页的图片有这样一种效果:当向下拉动滚动条时下面的图片才开始加载,就是说它不会一下子把所有的图片都加载出来,拉动滚动条后用户看到了才会显示,这是一个很不错的用户体验。减少了页面加载的时间了,也减轻了服务器的压力,看了一下javascript源码,里面写的了lazyload,我就百度了一下,找到了一个jquery的实现这种效果的插件:jquery.lazyload,一个很不错的插件。

比如你打开一个比较大或者长的网页,那么Lazy load能够实现先加载您所看到区域的图片,等你滚动到哪里,就加载那里的图片。

如果你是图片网站,而且一个页面要加载很多图片,这个插件是个很不错的选择。

如何使用,引用如下js:

[code lang="html"]
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
[/code]

在你的页面中加入如下的javascript:

[code lang="js"]
$("img").lazyload();
[/code]

这将会使所有的图片都延迟加载。插件还有几个配置项可供设置。

当然对于一些用户来说就上面的功能远远是不能达到要求的,下面我们看看是如何设置灵敏度的。我们可以设置阀值来控制 这个功能比较人性化吧。

$("img").lazyload({ threshold : 200 });

把阀值设置成200 意思就是当图片没有看到之前先load 200像素。当然了你也可以通过设置占位符图片和自定事件来触发加载图片事件

[code lang="js"]
$("img").lazyload({
placeholder : "img/grey.gif",
event : "click"
});
[/code]

我们还可以通过定义effect 参数来定义一些图片显示效果

[code lang="js"]
$("img").lazyload({
placeholder : "img/grey.gif",
effect : "fadeIn"
});
[/code]

下载地址: source, minified or packed

发现的几个可以查询搜索引擎收录的网站

1、脚本之家:百度近日收录量查询,可以很方便的查询任何网站的本日收录、本周收录、一年内的收录等。当然需要点击一下按钮,它会把所有的收录页面都显示出来。而且可以现在你网站的链接,算是外链吧,链接地址:百度收录查询

2、天空友情链接:收录查询,可以很方便的查询主流搜索引擎的收录数和反向链接数,但一次只能查一个,比较遗憾,但相比其他的网站,界面广告少,看着舒服。链接地址:收录查询

3、站长帮手:功能比较强大,可查询主流搜索引擎的收录数和反向链接数,还可查百度快照日期、网站首页site是否在百度第一位,功能算是比较全的了,而且一次可以查询很多个,但广告比较多,看着眼花。链接地址:网站收录查询

4、中国站长之家:功能一般,而且还有限制,一天只能查询20个域名,查询间隔也有限制,最多一次可以查询两个网站,但网站会把你每天的查询记录记下来,可以查看网站的收录历史,还算有点用处。链接地址:搜索引擎收录查询

5、推荐一个GreaseMonkey脚本,如果你用的是firefox浏览器的话,推荐你使用这个脚本查询网站收录,打开网站即可显示收录数和反向链接数。脚本介绍地址:http://junstyle.me/post/gmscript-se-shoulu-link.html

就发这几个了,应该还有很多站长站提供这些功能,各取所需了,以后发现好的再加上!

 

想交换友情链接的进来看看

博客开了一年多了,写的文章也不多~,自愧文笔太差,想起来了就随便写点,刚才看可怜的PR还是1,所以想交换一点友情链接,最好是博客了,有兴趣的可以在下面留言,在你的站做好我博客的链接,我看到后会链接上您的站的。

链接瞄文字:junstyle's blog
本博客地址:http://junstyle.me

把无线路由器当成无线AP使用的两种方法

        买了个无线路由器,折腾了一晚上,想和原有的带无线路由的猫连起来(猫的无线路由是破解的,尝试了很多次,猫的无线用来上网速度很慢,也不稳定,才买了这个无线路由)。买了之后有点后悔,两个东东堆在那里,很占空间,要是买一个无线路由猫就好了,网上看了一下,比较贵,好像都要两百以上。只有凑合着用了。以下为把路由器设置为无线AP的方法,当然也可以不设置为无线AP实现无线上网,但我设置后总是不能自动获取网关,就算手动设置网关重启后也会变为空的。以下为网上看到的方法:

        原有一家用路由器A,后另加一个无线路由器B,使之实现无线功能,设置方法有两种:

        第一种方法:假设A路由器的IP地址为192.168.1.1,并且开启DHCP功能,先登入到B路由器中,将设置项为LAN设置为与路由器A不同的网段,如:192.168.2.1,之后将开启DHCP项复选框关闭,接保存,重启路由器。将一网线,一头接于A路由器LAN端口中其中一口,另一头接于B路由器LAN端口中其中一口,使接于B端路由器的电脑IP获取设置为自动获取,使用IPCONFIG命令查看B路由端IP地址为192.168.1网段的IP,之后,PING电信DNS为通,即可使用。
 
        第二种方法为:将B路由器内LAN设置中路由器的IP地址设置为与A路由器IP地址为同一网段如:192.168.1.2,并且开启DHCP自动获取功能,之后,将一网线一头接于A路由器LAN端口中其中一口,另一端接于B路由器WAN端口,即可。B路由器的WAN口设置为手动拨号(手动拨号应该是最省资源了)。