知识大全 鼠标移动到图片名上,显示图片的简单实例

Posted 知

篇首语：生活可以五颜六色，但绝不能乱七八糟。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 鼠标移动到图片名上,显示图片的简单实例相关的知识，希望对你有一定的参考价值。

鼠标移动到名(wait gif)上 显示图片 鼠标移开则不显示图片  

　　

复制代码 代码如下: <!DOCTYPE HTML PUBLIC " //W C//DTD HTML Transitional//EN"         " <> <head>     <title></title>     <script type=text/javascript>         var path = / ; //图片相对路径         function show(obj)             var name = obj innerText;             var sDiv = document getElementById( img_ + name split( )[ ]);//文件名自己判断             if (!sDiv)                 sDiv = document createElement("DIV");                 sDiv id = img_ + name split( )[ ];                 sDiv style position = absolute ;                 sDiv style top = obj offsetTop + obj offsetWidth + px ;                 sDiv style left = obj offsetLeft +obj offsetHeight + px ;                 sDiv style border = px red solid ;                 var img = document createElement("img");                 img src = path + name;                 sDiv appendChild(img);                 document body appendChild(sDiv);                         sDiv style display = block ;                 function f(obj)             var name = obj innerText;             var sDiv = document getElementById( img_ + name split( )[ ]);//文件名自己判断             if (sDiv)                 sDiv style display = none ;                         </script> </head> <body> <div onmouseover="show(this)" onmouseout="f(this)" >     wait gif </div> </body> </> cha138/Article/program/Java/JSP/201311/20089

相关参考

知识大全 jQuery当鼠标悬停时放大图片的效果实例

jQuery当鼠标悬停时放大图片的效果实例  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　这个效

知识大全 JS图片根据鼠标滚动延时加载的实例代码

JS图片根据鼠标滚动延时加载的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　最近研究了

知识大全 ps中如何把一张图片移动到另一张上去

ps中如何把一张图片移动到另一张上去最简单的操作：用PS打开两张图片，这是有两个窗口，用移动工具点住一张图，按住不松手拖动到另一个窗口。或者选择—全部，复制。到另一个图的窗口粘贴。你所说的是PS图像合

知识大全 用JSP实现数据库图片的存储与显示实例[1]

用JSP实现数据库图片的存储与显示实例[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　引言

知识大全 用JSP实现数据库图片的存储与显示实例[4]

用JSP实现数据库图片的存储与显示实例[4]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　将此

知识大全 用JSP实现数据库图片的存储与显示实例[2]

用JSP实现数据库图片的存储与显示实例[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　将此

知识大全 用JSP实现数据库图片的存储与显示实例[3]

用JSP实现数据库图片的存储与显示实例[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　&l

知识大全 怎么把word里的图片设定不能移动

怎么把word里的图片设定不能移动插入到word中的图片无法移动位置，是因为图片的环绕方式造成的。一般情况下下，插入word的图片预设是嵌入型的，是无法改变位置的。1、选中图片，在图片上行右键，点选大

知识大全 怎样在百度上传照片。详细方法

怎样在百度上传照片。详细方法如何插入图片图片插入步骤为：步骤一:准备图片在插入图片前，您需要在电脑上准备好图片。如果是网上的图片，需要先将图片存到电脑上。操作为将鼠标移至图片上，点击鼠标右键，选择“图

知识大全 jquery图片不完全按比例自动缩小的简单代码

开发前期用自动生产固定大小的图片进行显示发现不能满足在前期的时候把保存了原图现在只能显示原图原图由于上传时候没有做任何限制所有要使用图片不完全按比例缩小下面是代码 复制代码代码如下:lish