单击提交按钮时如何显示隐藏图像?单击按钮时出现图像
3
A
回答
0
这将取决于你如何隐藏它。最简单的方法是将图像的类名从隐藏的图像类改为不隐藏的类。
<img src="thesource" class="hidden">
document.getElementById("theid").className = ""; // remove the hidden class.
.classHidden {
display: none;
}
5
你很幸运,我有一个空白的HTML页面准备:
<!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" xml:lang="en" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">
.hidden {
display: none;
}
</style>
</head>
<body>
<form>
<input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" />
</form>
<img id="hidden" class="hidden" src="foo.png" />
</body>
</html>
0
document.getElementById("submitBtn").onclick = function() {
document.getElementById("imageTag").style.display="block";
return true;
}
0
下面是一个例子
<img class="image_file src="image.jpg" />
<input type="submit" id="submit_button" name="submit_button" />
隐藏在CSS中的图片:
.image_file
{
display:none;
}
使用jQuery:
$('#submit_button').click(function(
$('.image_file').show();
));
,并尽量避免内嵌的JavaScript,它的混乱和难以维持,当你有一个大的网站。
1
使用jQuery:
<img id="image1" src="myimage.jpg" style="display:none;" width="120" height="120"/>
<input type="submit" name="submit" value="submit" onclick"$('#image1').show()"/>
相关问题
- 1. 单击按钮时出现错误android
- 2. 单击按钮时出现NullPointerException
- 3. 单击按钮时出现错误
- 4. 单击按钮时出现NullPointerException
- 5. 单击按钮时旋转图像
- 6. 单击按钮时显示图像
- 7. 单击按钮时不显示图像
- 8. 单击按钮时更改URL图像
- 9. 在单击按钮时在JLabel中显示图像时出现问题 - Java
- 10. 单击全部按钮时出现问题。 CSS按钮
- 11. 在点击后退按钮加载图像时出现问题
- 12. 当我点击刷新按钮时,图像从不出现
- 13. 单击按钮时按钮图像与文本不对齐?
- 14. Android:单击不同按钮时更改按钮图像
- 15. 单击按钮时更改按钮的图像背景
- 16. 单击按钮时突出显示仅图像
- 17. Android单击时突出显示一个图像按钮
- 18. 按钮与图像,图像消失点击按钮时iOS 10
- 19. 在按钮按下后出现图像
- 20. 单击单选按钮时出现错误单选Android
- 21. 如何在单击图像按钮时转动图像?
- 22. 在图像按钮上点击显示溢出菜单点击
- 23. 在Orbeon表单中单击按钮时出现错误
- 24. 按钮/图像打开弹出点击
- 25. 单击插件假图像时点击设置按钮
- 26. 使用按钮单击,更改图像
- 27. 单击按钮,更改2图像
- 28. 在按钮上单击显示图像
- 29. 如何让图像按钮仅在列表视图项被点击时出现?
- 30. 导致图像出现/消失在按钮点击
你是如何隐藏的形象呢?你使用的是像jQuery,Mootools或Prototype这样的javascript框架吗? – 2011-05-20 07:39:55