用jquery来为链接添加效果

jasongreen

http://oopstudios.com/dlink/index.html 这个玩意有点意思,不过jqueyr做起来更方便.

js :

$(document).ready(function(){$("a[href^='mailto']").addClass("email")$("a[href^='http']").not("[href*=mysite]").addClass("external")$("a[href^='#']").addClass("anchor");});

css :

a.external{background: url("../images/external.png") no-repeat top right;padding-right: 15px;}a.email{background: url("../images/eml.png") no-repeat top right;padding-right: 18px;}a.anchor{background: url("../images/anc.png") no-repeat top right;padding-right: 18px;}