zdly.net
当前位置:首页 >> Css中用Button的onCliCk 实现图片的替换, 为什么一直换不了?求高手!!!代码如下 >>

Css中用Button的onCliCk 实现图片的替换, 为什么一直换不了?求高手!!!代码如下

把代码贴全

兄弟 alter 写错了.是 alert = = ;

<head> <title>无标题页</title> <script type="text/javascript"> function imgclick(){ var img=document.getElementById("img1"); img.src="img/u0.jpg"; } </script></head><body><img id="img1" style="cursor:pointer" onclick="imgclick()"

光用css是不能够实现这样的功能的,要配合JavaScript.你的按钮是用的背景图片吗?那样的话你需要写一个按钮的clik事件,然后实现这个按钮变化css样式.以下代码供你参考:<html><head><style>.a { background:#F00; }.b { background:#0

有可能在调用函数中给了事件返回FALSE属性,具体还要看代码才知道

判断一下鼠标点击的对象是不是块中的图片,如果是则不执行,代码示例:function onDivClick(event){ if (event.target.id == "Img") // 假设图片的id为Img,这里还可以用其它方式判断 return else{ /* 其它代码 */ } }

因为是这样的你的css对hover的设定是#button a:hover 也就是id为button内的超链但是你真正想实现效果的是button所以应该这么写css:#button:hover也就是#button的hover 而不是a的hover:)

<div id="图片显示区"></div> <div id="按钮"> <input type="button" value="蒙娜丽莎" onclick="图片显示区.innerHTML='<img src=1.jpg>'"> <input type="button" value="最后的晚餐" onclick="图片显示区.innerHTML='<img src=2.jpg>'"> </div>这是最容易看懂的方式了,但代码有点臃肿,不方便维护,如果把按钮内容和图片名存入数组或对象,用函数切换比较方便维护.

方法5261一:用image类型的input控件.<form name="demo" method="get" action="login.asp"> <input name="username" type="text"> <input name="password" type="password"> <input type="image" src="your_submit_

html点击按钮时切换图片的代码如下:<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><style>#hello{width:108px;height:108px;border:1px solid #369;overflow:hidden;margin:auto;}#word{margin:auto;width:136px;}</style><div

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.zdly.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com