此 HTML 使站点背景通过按按钮更改其颜色,并通过按图像更改其背景图像。但我不知道如何制作文本链接而不是会更改背景图像的图像。
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
body{
background: no-repeat;
}
</style>
<meta charset="utf-8">
<script>
function change_color(obj)
{
obj.value && (document.body.style.backgroundColor = obj.value);
obj.src && (document.body.style.backgroundImage = 'url('+obj.src+')');
}
</script>
</head>
<body>
<form method="post" action="1.php" onsubmit="return false">
<button class="color" id="red" name="button" value="red" onclick='change_color(this)'>red</button>
<button class="color" id="orange" name="button" value="orange" onclick='change_color(this)'>orange</button>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" onclick='change_color(this)'>
<img src="http://javascript.ru/forum/images/smilies/victory.gif" alt="" onclick='change_color(this)'>
</form>
</body>
</html>
最佳答案
由于您在问题中标记了 jQuery,因此以下是与您的代码等效的 jQuery:
<a href="#_" class="change-color" data-color="red">Change Color</a>
js:
$('.change-color').click(function(){
$(document).css({'background': $(this).data('color')});
});
关于JavaScript,无法使其工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46365020/