12383.net 12383.net

欢迎光临
我们一直在努力
顶部
域名
云服务器48/月

鼠标滑上去后图片放大浮出效果的js代码_图象特效-js教程-

复制代码 代码如下:

<script> <BR>function GetAbsPosition(obj) <BR>{ <BR>var curleft = 0, curtop = 0; <BR>do { <BR>curleft += obj.offsetLeft; <BR>curtop += obj.offsetTop; <BR>} while (obj = obj.offsetParent); <BR>return [curleft,curtop]; <BR>} <BR>function ShowFloatingImage(image, width, height) <BR>{ <BR>var id = "trailimageid"; <BR>var newdiv = document.getElementById(id); <BR>if(newdiv == null) <BR>{ <BR>newdiv = document.createElement('div'); <BR>newdiv.setAttribute('id',id); <BR>newdiv.setAttribute('onmouseout', "HideElement('"+id+"');"); <BR>document.body.appendChild(newdiv); <BR>} <BR>newdiv.innerHTML = '<img src='+image.src+ ' style="max-width:90%" height=' + (image.height + height) + ' / alt="鼠标滑上去后图片放大浮出效果的js代码_图象特效" >'; <BR>var absPos = GetAbsPosition(image); <BR>newdiv.style.position = "absolute"; <BR>newdiv.style.posLeft = absPos[0] - width/2; <BR>newdiv.style.posTop = absPos[1] - height/2; <BR>newdiv.style.display="block"; <BR>} <BR>function HideElement(id) <BR>{ <BR>var elem = document.getElementById(id); <BR>elem.style.display="none"; <BR>} <BR></script>

例子:
复制代码 代码如下:


鼠标滑上去后图片放大浮出效果的js代码_图象特效


经测试事件处理的不是很好。导致鼠标移开不能回到原位。
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
发布内容
-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网