http://www.felixwoo.com/wp-content/uploads/attachments/200611/01_155052_tpsearch.jpg
www.thinkpage.cn就像我的实验室,任何新的想法都可以在上面实施。
今天增加了一个站内搜索的功能,用了Google的定制搜索服务。点击搜索框右侧的放大镜后会下滑出一个提交选单,可以搜索thinkpage.cn站内或整个互联网。其实这个功能也没什么技术含量,就是简单的js脚本,但是问题出现在浏览器版本不兼容,IE下滑动没什么问题,但firefox就无法显示。最后发现是由于ff对css的支持和ie不同造成的。ie可以通过访问obj.style.pixelTop来获得对象的顶部高度象素值,而ff中得不到这个属性,只能访问到obj.style.top这个属性,而这个属性是个字符串,而且以"px"结尾,因此只能通过对top属性处理来获得想对应的象素数值。在mozilla网站上找到了解决方法http://www.mozilla.org/docs/web-developer/upgrade_2.html#dom_manip
代码如下:

function obj_move(object,direction,desop) {
obj = eval(object);
obj.style.top = (parseInt(obj.style.top, 10) + 2*direction) +"px";
if (obj.style.top != (desop+"px")) {
timeoutID = window.setTimeout("obj_move(obj,"+direction+","+desop+")",1);
}

另外,还学会了通过!important来解决ff和ie对css解释不同而造成显示偏差的问题。不过似乎ie7又开始支持!important了,所以这个方法应该即将失效。。。

2 条评论
  1. ppp 说道:

    [scorn] [super] [taste] [unhappy] [redheart] [haha] [greedy] [money] [smile] [secret] [heart] [super]

  2. 月贝凡 说道:

    [taste]

留下评论

京ICP备05053527号
经过44次查询历时0.431秒终于生成了此页面
Powered by WordPress & Designed by Felix © 2012