随笔-65  评论-636  文章-13  trackbacks-12
Snap.com那样的JS效果已经作出，兼容IE6.0 up 和 FF2.0，供队伍里的学习参考

预览地址：http://www.365rss.cn/WebPreview.aspx

底层代码都没什么说的，就是以前萧寒和我合作公布的。

效率有很大的问题。

客户端脚本，值得一说的是，要兼容FireFox2.0，需要作一些额外的判断，同时IE和FF对DOM对象动态添加事件也有区别，对当前鼠标的位置判断也有区别，关键代码如下（具体内容请点右键查看js源码）

if(window.document.all){//IE
    oList[i].attachEvent("onmouseover", WebPreview_go); 
    oList[i].attachEvent("onmouseout", WebPreview_co); 
}else{//IE之外，主要指FF
    oList[i].addEventListener("mouseover", WebPreview_go, false); 
    oList[i].addEventListener("mouseout", WebPreview_co, false); 
}

function WebPreview_go(e) {
    e =  e || window.event;//兼容IE和FF
    var link = window.document.all != null ? e.srcElement : e.target;//e.target为FF下的写法
    ……
}       
function WebPreview_co(e){
    //移出事件，省略
}

捕获鼠标位置的自定义js类，兼容IE和FF，调用的时候
 
    var mousePos = WebPreview_mouseCoords(e);
    var t = $get('tips');
    t.style.display="block";
    t.style.left=mousePos.x +10+ "px";
    t.style.top =mousePos.y +10+ "px";


function WebPreview_mouseCoords(e){
    if(e.pageX || e.pageY){//FF下写法
        return {x:e.pageX, y:e.pageY};
    }
    return {
        x:e.clientX + document.body.scrollLeft - document.body.clientLeft,
        y:e.clientY + document.body.scrollTop  - document.body.clientTop
    };
}

写在后面的话，目前团队里面也有几个人了（开心啊，队伍总算起来了），对网页快照项目的原理也很熟悉，希望分配一下任务，或者讨论一下怎么利用业余时间，几个人一起发力，发挥各自的长处，把这个项目作优秀，做perfect了。怎样？：）
posted on 2006-12-31 19:53 Kai.Ma 阅读(834) 评论(3)  编辑 收藏 所属分类: 在线生成网页缩略图(WebSnap)

评论:
#1楼  2006-12-31 21:54 | 坯子[匿名] [未注册用户]
@kai.ma
看了你的365rss 我现在做的创业项目有一个模块和你的类似 以后可聊的就很多了。
js端不是什么大问题 花一些时间优化调整就可以做的很cool的效果了
问题如你上面所说的 还是效率的问题
不解决这个问题我想很难有所突破。
还有我们就是 在线拍照功能还是不能做成大规模访问量的情况下即时即刻拍照，性能和服务器带宽都是问题
象suifei200张用了5分钟还是用c/s下测试的 可想在线多用户并发的时候是什么情况了。
我现在正在做一个实验在朋友的一个项目中尝试让他部署上我们的功能，
这样就可以得到最前沿用户的反馈了
不过我深信 如果我们做好的话 会有机会把这种技术普及开 让任何一个web服务都可以轻松实现

打开随便一个地址 找到一个连接 鼠标一放就可以看到连结后面是什么
多么实际的功能：）

  回复  引用    
#2楼 [楼主] 2007-01-01 00:43 | Kai.Ma      
WebPreview项目，可能我和你的观点有点不一样。基本原理代码已经公开了。
这样的东西，应用普及那最好，但是技术架构普及就没有意义了，也很难普及。目前我们是想在小团队里面，实现这个架构的突破，学习snap.com那样的大型架构，我们的主要目的是学习，毕竟我们国家还没有严格的开源制度和传统。

关于365Rss，确实很巧，RSS很有价值。这个网站，只要有时间，就能做好。

WebPreview是一个很好的学习项目，因为这涉及到各方面的知识，希望我们团队能在这点上深入交流
  回复  引用  查看    
#3楼  2007-02-06 11:12 | tibet [未注册用户]
预览地址：http://www.365rss.cn/WebPreview.aspx

好像不能访问了.
  回复  引用    

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      


相关链接:

最新IT新闻:
马云vs孙正义：两个“疯子”的对话
消息称MySQL创始人已向Sun提交辞呈
谷歌Chrome浏览器即将更换LOGO颜色？
淘宝网合并阿里妈妈 专家称阿里巴巴或有新战略
微软研究院发布 AutoCollage - 整理并融合照片
博客园新闻频道  博客园首页  社区
 
Powered by: 博客园 模板提供：沪江博客 Copyright ©2008 Kai.Ma