我们辛劳的完成了一个站点的开发即将交付使用了,用户提出了一个要求,希望导航或产品或其它某一类的链接需要新窗口打开,一个一个的修改文件可能有几十个,或上百个文件,修改的链接点就更多了。我们怎么办呢?可以用CSS实现在新窗口打开链接吗?
我们可以通过css的expression来定义某一部分链接以target="_blank"新窗口打开。完整的代码是这样的:
Example Source Code []
a:active {test:expression(target="_blank");}
需要你注重的是:expression是在css中嵌入javascript语句执行了target="_blank",对IE5及更高版本的浏览器有效。关于更多expression信息请参考这里。
我们来看看以下代码的运行效果:
Source Code to Run []
[ 可先修改部分代码 再运行查看效果 ]
是不是很轻松的就搞定了?对站点中需要新窗口打开的链接类,应用此代码即可,几分钟就可以完成了,避免了重复劳动,提高了工作效率!