手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS函数实现鼠标指向图片后显示大图代码
JS函数实现鼠标指向图片后显示大图代码
摘要:metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/titleJ...

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /titleJS函数实现鼠标指向图片后显示大图/titlescript language="javascript" function showPic(sUrl){ var x,y; x = event.clientX; y = event.clientY; document.getElementById("Layer1").style.left = x; document.getElementById("Layer1").style.top = y; document.getElementById("Layer1").innerHTML = "img src="" + sUrl + "" document.getElementById("Layer1").style.display = "block"; } function hiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none"; } /script/headbodyP/Pimg src="/images/logo.gif" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /p/p/body/html

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

【JS函数实现鼠标指向图片后显示大图代码】相关文章:

JavaScript实现鼠标滑过处生成气泡的方法

JavaScript实现广告的关闭与显示效果实例

JS实现两表格里数据来回转移的方法

js实现鼠标划过给div加透明度的方法

javascript实现点击后变换按钮显示文字的方法

JS实现跳转代码:多域名指向同一空间

网页里控制图片大小的相关代码

JS实现浏览器菜单命令

Js和JQuery获取鼠标指针坐标的实现代码分享

JavaScript实现表格点击排序的方法

精品推荐
分类导航