兼容FF/IE跟随鼠标的层的效果
2007-08-18 00:00
465 查看
#level{
border: 1px solid #ccc;
background: #CCFFCC;
width:100px;height:30px;
position:absolute;
}
function addEvent(elm, evType, fn, useCapture)
{
if (elm.addEventListener){
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent){
var r = elm.attachEvent("on"+evType, fn);
return r;
} else {
alert("Handler could not be removed");
}
}
var x,y,t;
function doit(evt){
var event=evt||window.event;
var level=document.getElementById("level");
/*如果是第一次调用该函数level.style.left和level.style.top都为空,所以要初始化*/
if(!level.style.left)level.style.left="1px";
if(!level.style.top)level.style.top="1px";
//用setTimeout函数调用该函数时event对象不存在,只有移动事件触发时event才存在
if(event){x=(event.x||event.pageX)};
if(event){y=(event.y||event.pageY)};
var theLeft=parseInt(level.style.left);
var theTop=parseInt(level.style.top);
if(x!=theLeft){
if(theLeft
border: 1px solid #ccc;
background: #CCFFCC;
width:100px;height:30px;
position:absolute;
}
function addEvent(elm, evType, fn, useCapture)
{
if (elm.addEventListener){
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent){
var r = elm.attachEvent("on"+evType, fn);
return r;
} else {
alert("Handler could not be removed");
}
}
var x,y,t;
function doit(evt){
var event=evt||window.event;
var level=document.getElementById("level");
/*如果是第一次调用该函数level.style.left和level.style.top都为空,所以要初始化*/
if(!level.style.left)level.style.left="1px";
if(!level.style.top)level.style.top="1px";
//用setTimeout函数调用该函数时event对象不存在,只有移动事件触发时event才存在
if(event){x=(event.x||event.pageX)};
if(event){y=(event.y||event.pageY)};
var theLeft=parseInt(level.style.left);
var theTop=parseInt(level.style.top);
if(x!=theLeft){
if(theLeft
相关文章推荐
- 兼容FF/IE跟随鼠标的层的效果
- 一个跟随鼠标的图片放大效果,与FF兼容
- 一个跟随鼠标的图片放大效果,与FF兼容
- 一个跟随鼠标的图片放大效果,与FF兼容
- 兼容 FF&IE 的替换鼠标选择文字方法(转载)
- div隐藏滚动条仍保留滚动效果,兼容IE,FF,Webkit 和 O
- [练习]仿迅雷今日看点效果 兼容ie ff opera
- 兼容IE,FF的JS图片loading及放大查看效果
- 拖动层效果,兼容IE和FF!第1/2页
- javascript获取鼠标位置部分的实例代码(兼容IE,FF)
- CSS-expression实现图片缩放效果,兼容IE、FF
- [练习]自定义checkbox效果 兼容ie ff opera
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- javascript获取鼠标位置部分的实例代码(兼容IE,FF)
- JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
- 鼠标悬停变小手的效果,兼容FF
- 简单的鼠标可拖动DIV 兼容IE/FF
- 为何firefox不支持insertRow和insertCell。我如何能让firefox显示和ie显示的效果一样?iframe实现高度自适应,兼容FF、Opera、Safari
- 拖动层效果,兼容IE和FF!第1/2页
- js左右伸缩效果(兼容ff/ie)