如何在新标签页中打开广告横幅打开链接

时间:2018-08-09 16:05:32

标签: html css banner

我在stackoverflow上发现了这段代码,它基本上只是baner的代码。我的问题是,当我按横幅广告时,如何在新标签页中打开链接?

代码:

<br/><br />
<a class="fragment" href="www.google.com">
<div>
    <span id='close'     onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>X</span>
<img src ="imgscr.com" alt="some description"/> 
<h3>Your Text</h3>
<p class="text">

 </p>
</div>
</a>

<style media="screen" type="text/css">

.fragment {
font-size: 12px;
font-family: tahoma;
height: 100px;
border: 1px solid #ccc;
color: #FFFFFF;
display: block;
padding: 10px;
box-sizing: border-box;
text-decoration: none;
background-color:#2E9AFE;

}

.fragment:hover {
box-shadow: 2px 2px 5px rgba(51, 134, 230, 1);
color:#2E9AFE;


}

.fragment img { 
float: left;
margin-right: 10px;
}


.fragment h3 {
font-size: 30px;
padding: 0;
margin: 0;
color: #FFFFFF;
position: relative;
left: 50px;
bottom: -20px;

}
.fragment h4 {
padding: 0;
margin: 0;
color: #000;
}
#close {
float:right;
display:inline-block;
padding:2px 5px;
background:#ccc;
}

</style>

2 个答案:

答案 0 :(得分:2)

<a class="fragment" href="www.google.com" target="_blank ">

答案 1 :(得分:1)

如果要打开网站:

<a class="fragment" href="www.yourwebsite.com">

如果您要打开另一个页面

<a class="fragment" href="yoursite.htm" target="_blank ">

如果要使用onclick打开页面,请使用JavaScript:

function opennewpage() {
  window.location.href='yoursite.htm'
}

不使用onclick属性调用函数:

onclick='opennewpage()'

别忘了将JavaScript文件包含在HTML中:

<script src="yourjavascriptfile.js"></script>