用jquery来为链接添加效果

[url]http://oopstudios.com/dlink/index.html[/url] 这个玩意有点意思,不过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;
}