JavaScript切换图片有关问题,鼠标变成漏斗.(内附源码)!
日期：2014-05-17 浏览次数：21200 次
JavaScript切换图片问题,鼠标变成漏斗..(内附源码)!!
在做JS处理时,常常会用到图片切换的技巧..但是在有些需要快速切换的场景下图片切换会让用户觉得不爽,因为 鼠标会变成漏斗,并切IE左下角的提示也会变成正在
加载图片...敢问高手这些问题如何可以屏蔽掉?并且提高效率?谢谢~~!!以下是源码.!
CSDN不能上传图片,所以麻烦各位随便添加一个图片了,呵呵~~不好意思了!
[code=JScript][/code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<style type="text/css">
.tooltipinputerr
{
width:auto;
border: solid 1px red;
background: #ffff99 url(images/exclamation.png) no-repeat 2px center;
}
.tooltipinputok
{
border: solid 1px #ccccff;
}
</style>
</head>
<body>
<form name="form1" method="post" action="Default6.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZJH7WZb//OBU7YUnN+VdGMiMVZqn" />
</div>
<div>
<input id="Text1" type="text" onmouseout="className='tooltipinputerr'" onmouseover="className='tooltipinputok'" />
</div>
</form>
</body>
</html>
------解决方案--------------------
http://www.cnblogs.com/zm235/archive/2006/10/25/516030.html
http://www.cnblogs.com/cloudgamer/archive/2008/07/06/1236770.html
http://www.cnblogs.com/wander/archive/2006/09/19/508648.html
jquery也可实现
------解决方案--------------------
图片放在背景是不一定是个好办法.
不如另外加个层来做.
在鼠标事件中直接交换层.
在做JS处理时,常常会用到图片切换的技巧..但是在有些需要快速切换的场景下图片切换会让用户觉得不爽,因为 鼠标会变成漏斗,并切IE左下角的提示也会变成正在
加载图片...敢问高手这些问题如何可以屏蔽掉?并且提高效率?谢谢~~!!以下是源码.!
CSDN不能上传图片,所以麻烦各位随便添加一个图片了,呵呵~~不好意思了!
[code=JScript][/code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<style type="text/css">
.tooltipinputerr
{
width:auto;
border: solid 1px red;
background: #ffff99 url(images/exclamation.png) no-repeat 2px center;
}
.tooltipinputok
{
border: solid 1px #ccccff;
}
</style>
</head>
<body>
<form name="form1" method="post" action="Default6.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZJH7WZb//OBU7YUnN+VdGMiMVZqn" />
</div>
<div>
<input id="Text1" type="text" onmouseout="className='tooltipinputerr'" onmouseover="className='tooltipinputok'" />
</div>
</form>
</body>
</html>
------解决方案--------------------
http://www.cnblogs.com/zm235/archive/2006/10/25/516030.html
http://www.cnblogs.com/cloudgamer/archive/2008/07/06/1236770.html
http://www.cnblogs.com/wander/archive/2006/09/19/508648.html
jquery也可实现
------解决方案--------------------
图片放在背景是不一定是个好办法.
不如另外加个层来做.
在鼠标事件中直接交换层.
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
