T086学习网 | 站长学院 | 技术文档 | 成语 | 歇后语 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论 | 欣欣百宝箱

如何用CSS实现在新窗口打开链接

【 本站原创作者:ITLearner 更新时间:2006-01-09 | 字体:
[导读]前几天碰到个难题,有个文字广告,是用js调用的,但是其链接是在本窗口打开,有点不爽。 因为其内容无法更改,又不想在整个页面上使用<base target= _blank >来实现页面上所有链接都在新窗口打开,所以当时就没...

前几天碰到个难题,有个文字广告,是用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 class="hxlad">
<a href=http://www.itlearner.com>itlearner</a>
</div>
<div class="hxlad2">
<a href=http://www.itlearner.com>itlearner</a>
</div>
这样在默认情况下前一个链接会在新窗口打开,而后一个链接只会在原窗口打开。

  • 转载请注明来源:IT学习网 网址:http://www.t086.com/ 向您的朋友推荐此文章
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们,我们会尽快予以更正。
更多
留言建议ASP探针PHP探针站长Enjoy的Blog
© 2017 T086学习网 - T086.com(原itlearner.com)
RunTime:6.50ms QueryTime:7