单击页面时是否可以更改html页面的背景?Html OnClick更改背景图片
1
A
回答
1
是的,所有你需要做的就是应用一个css类,改变点击事件的背景,如果你可以提供一个代码sniplet我可以帮助你实现这一点。
+0
等一下,你能用点击事件改变身体的背景吗? – 2012-03-13 10:22:03
1
事情是这样的:
<html>
<head>
<title>Javascript Change Div Background Image</title>
<style type="text/css">
#div1 {
width:100px;
height:30px;
background-image:url(images/blue.gif);
}
p {
font-family:Verdana;
font-weight:bold;
font-size:11px
}
</style>
<script language="javascript" type="text/javascript">
function changeDivImage()
{
var imgPath = new String();
imgPath = document.getElementById("div1").style.backgroundImage;
if(imgPath == "url(images/blue.gif)" || imgPath == "")
{
document.getElementById("div1").style.backgroundImage = "url(images/green.gif)";
}
else
{
document.getElementById("div1").style.backgroundImage = "url(images/blue.gif)";
}
}
</script>
</head>
<body>
<center>
<p>
This Javascript Example will change the background image of<br />
HTML Div Tag onclick event.
</p>
<div id="div1">
</div>
<br />
<input type="button" value="Change Background Image" onclick="changeDivImage()" />
</center>
</body>
</html>
但是,如果你使用jQuery,这将是一个更容易的事!如果您在使用jQuery只需编辑您的问题
$(function(){
$("input").click(function(){
$("body").css("background","url('otherimg.jpg')");
});
});
1
$(function(){
$("input").click(function(){
$("body").css({background-image:"url('imageName.gif')"});
});
});
通过JavaScript
相关问题
- 1. 事件onclick改变背景图片
- 2. 更改背景图片
- 3. HTML:更改图片onclick?
- 4. MapKit:更改背景图片?
- 5. 更改背景图片div
- 6. 更改图片背景图片
- 7. onClick CSS背景更改
- 8. 更改背景onclick两次
- 9. 更改图库中的背景图片
- 10. bootstrap 3无法更改背景图片
- 11. HTML背景图片地图
- 12. 更改背景图片的URL div
- 13. 如何更改背景图片?
- 14. 更改背景图片bootstrap nav-pills
- 15. 多次更改onclick()函数(背景图像更改)
- 16. JavaScript/HTML:更改图片边框onclick
- 17. jquery - toggleClass不更改背景图片
- 18. 更改搜索栏的背景图片
- 19. 动态更改文本背景图片
- 20. gif加载后更改背景图片?
- 21. 如何更改div背景图片?
- 22. 如何更改背景图片?
- 23. Tableviewcell不会更改背景图片
- 24. 更改按钮的背景图片
- 25. 在点击javascript更改背景图片
- 26. 按月更改背景图片
- 27. 用jquery更改背景图片
- 28. jQuery.cycle更改div背景图片
- 29. 更改主页的背景图片?
- 30. 更改背景图片 - jQuery UI的
。 – 2012-03-13 09:12:09