페이지 전환없이 클릭하는 순간 다른 외부 CSS 파일을 불러와서 적용합니다.
게시판에 질문이 올라와서 방법을 생각하다 만들어봤는데
컬렉션을 사용하니깐 생각보다 쉽네요 :)

<link rel=StyleSheet HREF=\'/MyFirstStyleSheets.css\' type=\'text/css\' title=\'CSS\'>

위와 같이 외부 CSS를 불러오는 페이지의 경우,

<script>
function ChangeCSS()
{
document.styleSheets(0).href = \"/MySecondStyleSheets.css\";
}
</script>

<a onclick=ChangeCSS()>click</a>

이렇게 하시면 클릭하는 순간 MySecondStyleSheets.css 파일을 불러와서 적용합니다.
(외부 CSS 파일이 여러개일때는 순서대로 styleSheets(0), styleSheets(1) 등으로 접근가능합니다.)

응용하시면 사이트 테마 기능도 금방이겠네요 ^_^