你要是想得到这种效果你就得做两个图片
当onmousedown时切换另一图片
当onmousedown时切换另一图片
解决方案 »
- flex做图片展示,急。。。求助
- 弹出层,页面变灰不能操作
- js 取值问题
- 用JS来实现ifram的src值的变化,每次经过刷新,ifram中src的值不同
- 问一个javascript问题
- 问,我下面的一段ASP程序,返回值的时候如何将返回值加入表格(提示就有分)
- 页面没加载完就执行ajax
- 有谁知道那种~就象IDE一样的索引提示功能怎么在IE上实现……(100分在线等)
- javascript时间加减问题
- 表单提交时的问题:<form name="load" method="POST" action="test.jsp" enctype="multipart/form-data">
- 帮忙看看这段代码?狂急!
- 赐教!
当onmousedown时切换另一图片
这是我写的用两张图片,有效果
(2) 当鼠标按下时能感觉到 按钮向下按动的效果
(3) 当鼠标松开的时候 按钮向上弹起
(4) 当鼠标移开 鼠标正常 可用CSS来实现.<html>
<head>
<style>
<!--
.over4set {cursor:hand; color: #FFFFFF; background-color: #00CC00; border: 2 #00FF00 ridge; TEXT-DECORATION: underline; TEXT-ALIGN: CENTER;}.out4set {color: #000000; TEXT-ALIGN: CENTER; vertical-align: bottom}
//-->
</style>
<title></title>
<body>
<INPUT TYPE="button" onmousemove="this.className='over4set'" onmouseout="this.className='out4set'" value="button">
</body>
</html>
借用一下Purpleendurer(Purplenendurer)的代码,呵呵
<html>
<head>
<style>
<!--
.over4set{cursor:hand; color: #FFFFFF; background-color: #00CC00; border: 2 #00FF00 ridge; TEXT-DECORATION: underline; TEXT-ALIGN: CENTER;}
.out4set{cursor:hand; color: #FFFFFF; background-color: #00CC00; border: 1 #00FF00 ridge; TEXT-DECORATION: underline; TEXT-ALIGN: CENTER;}
//-->
</style>
<title></title>
<body>
<INPUT TYPE="button" onmousemove="this.className='over4set'" onmouseout="this.className='out4set'" value="button"><table border=0><tr><td class=out4set onmousemove="this.className='over4set'" onmouseout="this.className='out4set'" >
<<img name="pic" src="images/pic.jpg" width="62" height="29" border="0">
</td></tr></table>
</body>
</html>
把onmousemove改为onmousedown
onmouseout改为onmouseup
就合搂主的要求差不多了