您的位置:首页 > Web前端 > CSS

【代码】用div+css实现 在新窗口中打开指定的DIV标签下链接

2013-10-14 11:09 555 查看
平时都遇到过,在发贴回复的时候,有用户自行添加他们网站链接,以增加外链,但有时候文章编辑器不能保证他们留下的链接都在新窗口中打开,如果在原窗口中打开,就会使用户离开我们的网站,这不是我们愿意看到的,那如何限制在一个网页中的某一块下实现,所有链接都从新窗口中打开,而同一页面下的其它链接又不受影响呢?

下面的如果不限制,应该是从原窗口直接打开,用户便会离开我们的页面

<a href="#" >原窗口中打开</a>


下面这个就是利用DIV+CSS实现,指定DIV下的链接在新窗口中打开,其它的不受影响

<style>
#leftzongq a:active { text:expression(target="_blank");}
</style>
<div id="leftzongq">
<a href="#" >新窗口中打开</a>
</div>
<a href="#" >原窗口中打开</a>


说明:也就是说在这个DIV id="leftzongq" 下的链接会在新窗口中打开,而这个DIV以外的会在原窗口中打开。

顺便说一下,以往用的target="_blank" 是不符合web2.0标准,而用CSS实现的这个是符合web2.0打开链接方式的

以上是本文关于用div+css实现 在新窗口中打开指定的DIV标签下链接的详细代码,希望本文对广大php开发者有所帮助,感谢阅读本文。更多有关php技术问题欢迎加群探讨:256271784,验证码:csl,不写验证不予通过哟~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: