Archive for the ‘Web 技术’ Category
调用腾讯QQ天气预报的JS代码
发一个个人觉得比较好用的天气预报JS代码,是腾讯QQ的,且可以根据访问者的IP自动判断并输出其所在地的天气,很不错哦~ 测试效果: 代码如下: <div id="wealth"> </div><script type="text/javascript" src="http://minisite.qq.com/js/j.minisite.weather.js" charset="gbk"></script><script type="text/javascript">MiniSite.Weather.print("wealth");</script> 以下2012年2月1日更新 最近发现这段代码不能用了,测试后发现,是不能调用QQ的IP库(http://fw.qq.com:80/ipaddress)导致的,所以本人对脚本进行了调整,使其可以手动设置显示哪个城市的天气,并且在无法读取IP库的时候显示默认城市(MiniSite.Weather.defaultCity 的值)的天气。 修改的 j.minisite.weather.js 下载地址: 调用方法: // 和原来一样,但是如果无法读取ip库的情况下会显示默认城市的天气MiniSite.Weather.print("wealth"); // 手动设置城市,如果是直辖市,则类似:MiniSite.Weather.print("wealth", "XX省", "XX市");// 如果是直辖市,则类似:MiniSite.Weather.print("wealth", "北京市", "北京市"); 注:如果仍然想要自动判断用户所在城市的功能,则需要通过服务器端脚本(PHP、ASP、Java等)来实现了。可以谷歌、百度一下“XX读取纯真IP库”(XX是对应的服务器端脚本)。 纯真IP库最新版:http://www.crsky.com/soft/2611.html
IE6、IE7、IE8、Firefox、Chrome 等浏览器兼容的CSS hack
最近做了比较多的网页前端开发,对于CSS的兼容问题比较头大,不过幸好,有个叫CSS Hack的东西,有些问题只要做一些针对性的设置,问题就可以解决了。那么,什么事CSS Hack呢? 由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。
PHP 5.3 的错误提示 Deprecated
这两天工作稍微空点,把PHP给升级到5.3.5。别的什么都挺好的,就是发现运行一些以前写的程序,时不时会跳出一句类似如下的错误提示。 Deprecated: Function eregi() is deprecated in (文件名) on line 288 查了查资料,才发现,这是PHP自5.3起新增的一个错误提示,一些函数即将被弃用。
获取 javascript 时间戳
获取从 1970年1月1日午夜开始的时间戳(单位:毫秒)。 // 其毫秒部分都为 0,即只是精确到秒的毫秒数// 将值除以 1000 后,可以和 PHP 互通var timestamp = Date.parse(new Date()); 或者: // 精确到毫秒数// 将值除以 1000 后取整也可和 PHP 互通,Math.ceil(timestamp / 1000)var timestamp = (new Date()).valueOf();
IE6/7 inline-block实现及分析
ie6,ie7的haslayout属性是个让人头疼的问题。在做导航条的时候,一般会用到ul li结构,大多数时候我们是把li设置为浮动,让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果,但是问题是inline元素的特性:默认无法设置宽度,高度,以及上下margin,(关于padding,情况有点特殊,在ie6,7中 inline元素是无法设置上下padding的,但是在标准浏览器里面是可以设置上下padding的)。
