技术笔记
一名已转行的程序员JS鼠标指上文本框显示缩略图图片
2017-07-01 / 插件分享 / 1082 次围观 / 0 次吐槽<script 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 + "\" width='100px'>"; document.getElementById("Layer1").style.display = "block"; } function hiddenPic(){ document.getElementById("Layer1").innerHTML = ""; document.getElementById("Layer1").style.display = "none"; } </script> <!--图片显示位置--> <div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> <input type="text" class="span4" name="pic" id="pic" value="/Public/upload/image/20170701/20170701093203_91007.jpg" onmouseout="hiddenPic();" onmousemove="showPic(this.value);"/>
推荐您阅读更多有关于“”的文章
- 上一篇:linux下如何删除磁盘分区
- 下一篇:ipad已停用怎么办?实践后成功解锁
Powered By Z-BlogPHP
Copyright 技术笔记 Rights Reserved.
额 本文暂时没人评论 来添加一个吧
发表评论