名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
<script>
function GetAbsPosition(obj)
{
var curleft = 0, curtop = 0;
do {
curleft = obj.offsetLeft;
curtop = obj.offsetTop;
} while (obj = obj.offsetParent);
return [curleft,curtop];
}
function ShowFloatingImage(image, width, height)
{
var id = "trailimageid";
var newdiv = document.getElementById(id);
if(newdiv == null)
{
newdiv = document.createElement('div');
newdiv.setAttribute('id',id);
newdiv.setAttribute('onmouseout', "hideElement('" id "');");
document.body.appendChild(newdiv);
}
newdiv.innerhTML = '<img src=' image.src ' width=' (image.width width) ' height=' (image.height height) ' />';
var absPos = GetAbsPosition(image);
newdiv.style.position = "absolute";
newdiv.style.posLeft = absPos[0] - width/2;
newdiv.style.posTop = absPos[1] - height/2;
newdiv.style.display="block";
}
function hideElement(id)
{
var elem = document.getElementById(id);
elem.style.display="none";
}
</script>
例子:
具体代码如下:
<body>
<img src="1.jpg" width="300" height="300" onm ouseover="ShowFloatingImage(this, 150, 150);" />
</body>
经测试事件处理的不是很好。导致鼠标移开不能回到原位。
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,解读JavaScript具体代码 var ie = !-[1,] 最短的IE判定具体代码-javascri
这句具体代码在IE9之前曾被称为世界上最短的IE判定具体代码。具体代码虽短但确包含了不少javascript基础知识在里面。在这个例子中具体代码执行时会先调用数组的toString()方法 ,执行[1,].toString()在IE6,7,8中将会得到“1,”。然后表达式就变为!-“1,”。再尝试把“1,”转换成数值类型得到NaN ,再对NaN取负得到值仍为NaN。最后执行!NaN返回true。下面通过分解这个语句来回顾下具体代码中所涉及到的javascript知识: