前几天碰到个难题,有个文字广告,是用js调用的,但是其链接是在本窗口打开,有点不爽。
因为其内容无法更改,又不想在整个页面上使用<base target="_blank">来实现页面上所有链接都在新窗口打开,所以当时就没法子了:(
今天,想到上月更新的文章中提到expression功能,不妨用这个试试,测试成功!贴出来与大家分享:)
实现此功能的CSS是:a:active {text:expression(target="_blank");}
解释一下,这是利用expression来执行javascript语句,对IE5及更高版本的浏览器有效。详情请阅读:CSS中expression使用简介及相关文章。
以下是我在我的页面中做的定义,可实现部分链接在新窗口打开:
<style type="text/css">
.hxlad{width:210px;border:1px solid #AAA;}
.hxlad2{width:210px;border:1px solid #AAA;}
.hxlad a:active {test:expression(target="_blank");}
</style>
在Body中一段
<div>
<a href=http://www.itlearner.com>itlearner</a>
</div>
<div>
<a href=http://www.itlearner.com>itlearner</a>
</div>
本文标题:网页创造力-----CSS实现在新窗口打开链接
URL链接:/news39/323689.html
成都网站建设公司_创新互联,为您提供网站维护、品牌网站建设、关键词优化、星空体育app最新版本(2024已更新)、小程序开发、云服务器
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联