-
利用CSS来preload图片或者改善用户体验 - [XHTML]
2009-10-28
刚看到一文章介绍利用CSS进行图片的preload,这个思路貌似不错:
#preloader { /* Images you want to preload*/ background-image: url(image1.jpg); background-image: url(image2.jpg); background-image: url(image3.jpg); width: 0px; height: 0px; display: inline; }又或者给背景一个大的position将图片推出浏览区域来实现预加载等等。
利用CSS还能有效的改善用户体验,看看这个:
img { background: url(loadingHourGlass.gif) no-repeat 50% 50%; }咔咔,知道是干嘛的了吗

-
Google 搜索排名机制根本不鸟网站的关键字元标签 - [SEO]
2009-10-14
引用:http://bbs.php168.com/read-bbs-tid-266484.html
在很多网站不断的把各种关键字加入到网页的keywords元标签里的时候,Google今天提醒大家,我们的排名系统是根本不鸟Keywords滴哦。
假设你拥有两个网站,Alice站和Bob站。Alice站是AliceCo公司的官网,而Bob则是BobCo公司的官方。如果有一天你将Alice站的Keywords原封不动的复制到Bob站,甚至包含了AliceCo这个关键字,那么你搜索AliceCo,Bob站的排名会有提升吗?
就09年9月的Google搜索结果来说,答案绝对是否定的。下面是四个问答:
问:Google曾经用过Keywords元字段来决定搜索结果排名吗?
答:简单的说,不。Google在销售的Google Search Appliance确实有使用元标签匹配的功能,且包括Keywords,但这是用于企业内部的搜索,跟我们的互联网搜索完全不同。我们的网页搜索是完全无视Keywords的,你在Keywords里做的所有努力都是徒劳的。问:为什么Google不鸟关键字元标签?
答:大概十年前,搜索引擎只能根据网页的内容来判断一个网站,而无法考虑到其它因素(比如链接),而在最近,关键字元标签已经成为毫无关系的因素了,因为浏览者根本看不到这些关键字,而且关键字经常被网站主滥用,数年前Google就已经不鸟关键字元标签了。问:这意味着Google完全无视所有的元字段吗?
答:当然不,Google还是支持其它元字段的,详情见此。比如,我们有时会将“descriptions”描述元字段作为搜索结果的文本显示出来,如下图所示。
但是,descriptions也只是用于显示搜索结果的网页介绍,它对搜索排名也完全没有任何影响。
问:这意味着Google一直都会无视Keywords?
答:也许Google未来会用这些数据吧,不过可能性也不大。Google早就无视Keywords了,现在我们也看不到改变这种政策的缘由。 -
分享几个天气预报数据源,开发中很实用[转贴备用] - [XHTML]
2009-10-13
在日常的开发工作中,总是碰到要在站点的某个位置显示天气情况!!经过一段时间的积累,本人总算对这项需求把握的游刃有余,哈哈~
OK,废话不多说,切入正题。。。。
下面是几个很权威的站点:(我都是以福州为例子的,实际使用中可更改)
http://www.nmc.gov.cn/weatherdetail/58847.html
http://www.cma.gov.cn/tqyb/v2/cityweather.php?id=58847
http://wap.weather.com.cn/wap/58847/h24/(WAP的,嘿嘿,干扰内容忒少,非常容易采集)
http://www.weather.com.cn/static/html/weather_cj.shtml(这里有超多的样式了,挑吧)
比如这个:http://m.weather.com.cn/data/101230101.html(这个是JSON数据,PHP的json_decode函数很好弄它)
不过这个中国气象网老在防采集,树大招风咯,哈哈
$city="福州";
$url="http://weather.cn.yahoo.com/fetchdata.html?city=".rawurlencode($city); //UTF-8编码雅虎的天气,纯数据,具体的含义看雅虎官方的天气
http://qq.ip138.com/weather/fujian/FuZhou.htm(这个不知道是腾讯的天气数据来源,也很好采集)
http://www.tq121.com.cn/icbc/detail1.php?city=福州(工行的天气频道,呵呵)
http://www.tq121.com.cn/citybook/soufun/index.php?city=福州(搜房网)
http://www.tq121.com.cn/msnweather/detail.php?city=福州(MSN的吧?)
http://www.tq121.com.cn/product/p1/(这个最后的p1,可以换成p2,p3,p4,p5,具体我也没有测试一共多少个P)
http://www.soso.com/tb.q?cid=tb.tq&cin=&city=福州(这也是一个很正的位置,腾讯搜搜工具栏的天气预报)
陆续再更新吧,如果发现了更好的,我会拿出来分享滴
-
资料:CSS的私有属性声明 - [XHTML]
2009-10-12
针对IE,常见bug的处理,haslayout的触发,放在标准CSS代码的后面。比如:
.clearfix:after{content:"\0020"; display:block; height:0; clear:both;} .clearfix{*zoom:1;/*IE haslayout*/} .box {float:left;margin-left:20px;_display:inline;/*双倍margin bug*/}以后的浏览器对CSS的处理都采用W3C css2.1规范为主,私有属性为辅的策略,比如:
- Firefox:-moz-
- IE8:-ms-
- Safari & Chrome:-webkit-
- Opera:-o-
-
判断iframe是否加载完的完美方法 - [JavaScript]
2009-09-28
原帖:http://www.blueidea.com/tech/web/2009/7024.asp
var iframe = document.createElement("iframe"); iframe.src = http://www.planabc.net; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert("Local iframe is now loaded."); }); } else { iframe.onload = function(){ alert("Local iframe is now loaded."); }; } document.body.appendChild(iframe);