Javascript使背景图片可点击?

时间:2012-06-16 17:53:33

标签: javascript image background clickable

我不能使用div,因为我使用的CMS不允许html进入主题样式(它在编码中使用了一个奇怪的结构)而且我发现的唯一有效的是javascript但我不喜欢我不知道javascript代码会启用可点击的背景图片。

有什么想法吗?

<meta name="description" content="description here"> 
<script type="text/javascript"> 
    document.backgroundImage = "url('http://mydomain.com/image.jpg')";
    function callback() { 
        location.href = "http://mylink.com";
    } 
    document.addEventListener("click", callback, false);
</script> 
<script type="text/javascript"> //google analytics code </script>

1 个答案:

答案 0 :(得分:5)

这是某事的背景吗?这个某些东西必须接收点击事件处理程序。

欢呼声。

编辑:添加示例:

假设:

o.id = "OhMyCuteness";
o.style.backgroundImage = "url('...')";

然后:

o.addEventListener("click", callback, false);

function callback(clickEvent) {
    alert("They clicked meeeee buhuhuhu: " + clickEvent.target.id);
}

Edit2:如果您的文档背景与此完全相同,请使用文档而不是元素“o”作为addEventListener的目标。