梦想 就像鸡蛋
要么孵化 要么臭掉
要么孵化 要么臭掉
可移动层的实现示例
本文提供了一个通过javascript+dhtml脚本实现在IE浏览器里面显示的可以被鼠标拖动的层。这个层能够自动滚动或者被关闭，就像我的Z-Tips一样:)
This Entry was Last Modified on 2007-05-24 16:35
ac米兰 ajax apache api blog blogchina css dhtml download dreamhost dvd encoding error feeds firefox flash framework gmail google google_analytics google_talk http ide ie ie7 javascript jquery linux maxthon mod_rewrite movies msn mvc mysql oracle php pippo pivot prototype rss shell socket sohu spammers svn vs web web2 webclient weblogic windows xml zend 阿根廷 安全漏洞 奥运 备份 变形金刚 程序员 地铁 浮动层 搞笑 工具 冠军杯 管理 火箭 进程 客户端 篮球 厉 命令行 欧洲杯 人生 上海 设计模式 世界杯 数据库 搜索引擎 算法 图片 无极 系统优化 笑话 姚明 游戏 源代码 周杰伦 字符编码 足球 浏览器
// begin fly bar
var bIsCatchFlyBar = false;
var cur_divX = 0;
var cur_divY = 0;
function catchFlyBar(event)
{
bIsCatchFlyBar = true;
var cursorX = event.clientX;
var cursorY = event.clientY;
cur_divX = cursorX - document.getElementById("showdiv").style.left.split("p")[0];
cur_divY = cursorY - document.getElementById("showdiv").style.top.split("p")[0];
if(isIE)
{
movediv.setCapture();
document.onmousemove = moveFlyBar;
}
else
{
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove = moveFlyBar(event);
}
}
function releaseFlyBar(event){
bIsCatchFlyBar = false;
if(isIE)
{
movediv.releaseCapture();
document.onmousemove = null;
}
else
{
window.releaseEvents(Event.MOUSEMOVE);
window.onmousemove = null;
}
}
function moveFlyBar(evt)
{
if(bIsCatchFlyBar)
{
if(isIE)
{
document.getElementById("showdiv").style.left = (event.clientX - cur_divX) + "px";
document.getElementById("showdiv").style.top = (event.clientY - cur_divY) + "px";
}
else
{
document.getElementById("showdiv").style.left = (evt.clientX - cur_divX) + "px";
document.getElementById("showdiv").style.top = (evt.clientY - cur_divY) + "px";
}
}
}