onClick更改链接的背景颜色和背景图像

时间:2013-08-06 07:06:48

标签: html onclick

主页

我正在尝试使用onClick更改主页链接的字体的背景图像和颜色。但是我无法达到结果。任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

示例:

<script type="text/javascript">
function change(element)
{
    element.style.backgroundImage = "url('http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png')";
    element.style.color = '#E61E1E';
}
</script>
<div onclick="change(this)" style="width: 128px; height:128px; cursor: pointer;">
    test test test ...
</div>

或者:

<div onclick="this.style.backgroundImage = 'url(\'http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png\')';this.style.color = '#E61E1E';" style="width: 128px; height:128px; cursor: pointer;">
    test test test ...
</div>