手机
当前位置:查字典教程网 >编程开发 >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实现鼠标拖动效果的方法

javasript实现密码的隐藏与显示

jquery实现图片左右切换的方法

jquery实现的判断倒计时是否结束代码

Javascript实现图片轮播效果(二)图片序列节点的控制实现

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

JavaScript实现鼠标点击后层展开效果的方法

JQuery分屏指示器图片轮换效果实例

基于JavaScript实现图片点击弹出窗口而不是保存

精品推荐
分类导航