<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style>
.link2_stil_1
{
background-color:#009999;
padding:15px;
}
.link2_stil_2
{
margin:0 40%;
background-color:#FF0000;
padding:15px;
position:relative;
}
</style>
<head></head> etiketleri arasına jQuery kütüphanesini ve stil betiklerini katmamız gerekmektedir.
<script type="text/javascript">
$(document).ready
(
function()
{
$("#link2").click(function(event)
{
$("#link2").removeClass("link2_stil_1");
$("#link2").addClass("link2_stil_2");
event.preventDefault();
}
);
}
);
</script>
< a id="link2" hef="javascript:void(0);">Buraya Tıkla< /a>