-
鼠标事件都是在浏览器窗口中的特定位置上发生的查看全部
-
mark查看全部
-
事件对象查看全部
-
跨浏览器属性方法的封装查看全部
-
跨浏览器属性方法的封装查看全部
-
例子:查看全部
-
例子：查看全部
-
事件对象查看全部
-
操作。。。查看全部
-
跨浏览器的事件处理程序查看全部
-
跨浏览器的事件处理程序查看全部
-
事件冒泡查看全部
-
实现跨浏览器的点击事件兼容查看全部
-
QQ面板的切换效果: //开始一进页面 ul状态列表是隐藏的 //点击div 显示ul状态选择列表 //遍历Li给每个状态添加事件 onmouseover onmouseout onclick //完成点击给定的li状态 吧其 innerHTML状态文本和class 更新同步到起始div中 ////最后要实现选择完状态后 要隐藏掉ul状态面板 + 点击 document任意处 隐藏掉ul 则要注意--------给它们加上阻止冒泡查看全部
-
function fndown(eFndown){eFndown = eFndown || window.event; var oDrag = document.getElementById('loginPanel'), //光标按下时光标与面板的位置确定 disX = eFndown.clientX -oDrag.offsetLeft,disY=eFndown.clientY-oDrag.offsetTop; //移动 document.onmousemove = function (eFndown) {eFndown = eFndown || window.event; fnMove(eFndown,disX,disY);} //释放鼠标 document.onmouseup = function(){document.onmousemove = null; document.onmouseup = null;}} function fnMove(eFnmove,posX,posY){ var oDrag = document.getElementById('loginPanel'),l = eFnmove.clientX - posX, t = eFnmove.clientY - posY, winW = document.documentElement.clientWidth || document.body.clientWidth, winH = document.documentElement.clientHeight || document.body.clientHeight, maxW = winW - oDrag.offsetWidth - 10, maxH = winH - oDrag.offsetHeight; if(l<0){ l = 0; }else if(l>maxW){ l = maxW; } if(t<0){ t = 10; }else if(t>maxH){ t = maxH; } oDrag.style.left = l+'px'; oDrag.style.top = t +'px'; }查看全部
举报
0/150
提交
取消