前幾天碰到個難題,有個文字廣告,是用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鏈接:http://m.newbst.com/news39/323689.html
成都網站建設公司_創新互聯,為您提供網站維護、品牌網站建設、關鍵詞優化、商城網站、小程序開發、云服務器
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯