网页创造力-----CSS实现在新窗口打开链接

2024-04-15 分类：网站建设

前几天碰到个难题，有个文字广告，是用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链接：https://www.cdcxhl.com/news39/323689.html

成都网站建设公司_创新互联，为您提供网站维护、品牌网站建设、关键词优化、商城网站、小程序开发、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容