我在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>
答案 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>