Simple style switch
Simple style switch
-
<link rel="stylesheet" id="stylechange" type="text/css" href="styles1.css" title="styles1" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$('.styleswitch').click(function()
{
switchStylestyle(this.getAttribute("rel"));
return false;
});
});
function switchStylestyle(styleName)
{
$("#stylechange").attr({ href: styleName+".css"});
}
</script>
<a href="" rel="styles2" class="styleswitch">style2</a>
<a href="" rel="styles3" class="styleswitch">style3</a>