首頁 >web前端 >js教程 >用javascript 轉換外部連結樣式

用javascript 轉換外部連結樣式

黄舟
黄舟原創
2016-12-19 17:25:052059瀏覽

 用CSS屬性選擇器可以有選擇性地對連結樣式進行控制,如讓所有的外部連結都加一個小圖示來標識其是一外部連結。

  但用css有弊端:

  1、只支援Firefox等對web標準支援很好的瀏覽器。

  2、只能判斷鏈接,不能判斷錨點或javascript。如遇到就無能為力了。

  這裡可以結合js來完成,先寫一個樣式:

以下是引用片段:
a.other:link,a.other:visited,a.other:active 
  { 
   ") no-repeat top right; 
     padding-right:15px; 
  } 

      

  } 


       如果是圖片鏈接,就不要套用樣式了。

以下是引用片段:


      現在可以看到效果了。

以上就是用javascript 轉換外部連結樣式的內容,更多相關內容請關注PHP中文網(www.php.cn)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn