本文主要和大家分享JS超链接实现动态显示图片,主要以代码的形式和大家分享,希望能帮助到大家。
nbsp;html>onload = function () { var al = document.getElementById('al'); al.onmouseover = function () { if (document.getElementById('dv')) { document.body.removeChild(document.getElementById('dv')); //防止重复添加 } var dvObj = document.createElement('p'); dvObj.id = 'dv'; var imgObj = document.createElement('img'); imgObj.src = '2.jpg'; imgObj.width = '200';//不可以加px imgObj.height = '200'; dvObj.appendChild(imgObj); dvObj.style.position = 'absolute'; dvObj.style.left = this.offsetLeft + 'px'; dvObj.style.top = this.offsetTop + this.offsetHeight + 'px'; document.body.appendChild(dvObj); } al.onmouseout = function () { if (document.getElementById('dv')) { document.body.removeChild(document.getElementById('dv')); } } } 百度一下 <!-- -->
登录后复制
相关推荐:
php中动态显示图片问题
以上就是JS超链接实现动态显示图片的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2780057.html