Javascript 如何使背景图像的某些部分可单击
我有一个主页接管运行在我们的网站上。我已经编写了将图像显示为背景图像的代码，并且可以单击 但我需要的图像的某些部分需要点击到另一个网址Javascript 如何使背景图像的某些部分可单击,javascript,jquery,html,Javascript,Jquery,Html,我有一个主页接管运行在我们的网站上。我已经编写了将图像显示为背景图像的代码，并且可以单击 但我需要的图像的某些部分需要点击到另一个网址 <!DOCTYPE html> <html> <head> <title>asdfasdf</title> </head> <body> <div> <script> if (top == self) { var interWindow
<!DOCTYPE html>
<html>
<head>
<title>asdfasdf</title>
</head>
<body>
<div>
<script>
if (top == self) {
var interWindow = window;
var interDoc = window.document;
} else {
try {
var interWindow = window.parent;
var interDoc = window.parent.document;
} catch (e) {
/* The creative cannot escape the iframe. Show an appropriate alternative. The alternative will remain inside of the iframe. */
}
}
var timeDelay = 0;
var backgroundColor = '#ffffff';
function initBackground() {
high = window.screen.height;
size = window.screen.width;
if (size <= 1280) {
interDoc.body.style.backgroundImage = none;
} else if (size > 1280 && size < 1440) {
interDoc.body.style.backgroundImage = "url(https://i.ibb.co/L9hnZJ1/hpto.gif)";
} else {
interDoc.body.style.backgroundImage = "url(https://i.ibb.co/L9hnZJ1/hpto.gif)";
}
if (backgroundColor != '') {
interDoc.body.style.backgroundColor = backgroundColor;
}
interDoc.body.style.backgroundRepeat = 'no-repeat';
interDoc.body.style.backgroundPosition = 'top center';
interDoc.body.style.backgroundAttachment = 'fixed';
interDoc.onclick = backGroundClick;
}
var backGroundClick = function (e) {
if (document.all) {
if (event.button == 2 || event.button == 3) {
return false;
}
} else {
if (e.button == 2 || e.button == 3) {
e.preventDefault();
e.stopPropagation();
return false;
}
}
var link = 'google.com';
EE = e ? e : event;
if (!EE) {
return;
}
var t = EE.target ? EE.target : EE.srcElement;
if (t.tagName == "BODY" || t.tagName == "HTML" || t.tagName == "HEADER" || t.tagName == "SECTION" || t.tagName == "FOOTER") {
var ad = window.open("" + link);
} else {
console.log('link click event: ' + t.tagName);
}
}
interDoc.onmouseover = function (e) {
EE = e ? e : event;
if (!EE)
return;
var t = EE.target ? EE.target : EE.srcElement;
if (t.tagName == "BODY" || t.tagName == "HTML" || t.tagName == "HEADER" || t.tagName == "SECTION" || t.tagName == "FOOTER") {
interDoc.body.parentNode.style.cursor = 'pointer';
} else {
interDoc.body.parentNode.style.cursor = 'auto';
}
}
window.setTimeout("initBackground();", timeDelay);
</script>
</div>
</body>
</html>
asdfasdf
if（top==self）{
var窗口间=窗口；
var interDoc=window.document；
}否则{
试一试{
var interWindow=window.parent；
var interDoc=window.parent.document；
}捕获（e）{
/*创意无法逃离iframe。请显示适当的备选方案。备选方案将保留在iframe内*/
}
}
var-timeDelay=0；
var backgroundColor='#ffffff'；
函数initBackground（）{
高=窗口、屏幕、高度；
尺寸=窗口、屏幕、宽度；
如果（尺寸1280&&尺寸<1440）{
interDoc.body.style.backgroundImage=“url(https://i.ibb.co/L9hnZJ1/hpto.gif)";
}否则{
interDoc.body.style.backgroundImage=“url(https://i.ibb.co/L9hnZJ1/hpto.gif)";
}
如果（背景色！=''）{
interDoc.body.style.backgroundColor=背景色；
}
interDoc.body.style.backgroundRepeat='no repeat'；
interDoc.body.style.backgroundPosition='上止点'；
interDoc.body.style.backgroundAttachment='fixed'；
interDoc.onclick=背景单击；
}
var backGroundClick=函数（e）{
如果（全部文件）{
如果（event.button==2 | | event.button==3）{
返回false；
}
}否则{
如果（e.按钮==2 | | e.按钮==3）{
e、 预防默认值（）；
e、 停止传播（）；
返回false；
}
}
var link='google.com'；
EE=e？e：事件；
如果（！EE）{
返回；
}
var t=EE.target？EE.target:EE.src元素；
如果（t.tagName==“BODY”| | t.tagName==“HTML”| | t.tagName==“HEADER”| | t.tagName==“SECTION”| | t.tagName==“FOOTER”）{
var ad=窗口打开（“+链接）；
}否则{
console.log（'链接单击事件：'+t.tagName）；
}
}
interDoc.onmouseover=函数（e）{
EE=e？e：事件；
如果（！EE）
返回；
var t=EE.target？EE.target:EE.src元素；
如果（t.tagName==“BODY”| | t.tagName==“HTML”| | t.tagName==“HEADER”| | t.tagName==“SECTION”| | t.tagName==“FOOTER”）{
interDoc.body.parentNode.style.cursor='pointer'；
}否则{
interDoc.body.parentNode.style.cursor='auto'；
}
}
setTimeout（“initBackground（）；”，timeDelay）；