위즈군의 라이프로그
Reboot... Search /

[Javascript] 스타일시트 여러개 사용하기 (동적 css 파일 변경 예제)

2007. 9. 12. 11:08

아리님의 홈페이지가 문을 닫는 바람에 제가 급하게 예제로 만들어 봤습니다.
link태그에 id 값을 할당하고 해당 id에 css 파일을 변경하도록 하는 예제입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>wiz:] 2M Story</title>
        <link rel="stylesheet" type="text/css" id="wizcss" href="./a.css" />
        <script type="text/javascript">
            function changeCSS(fname)
            {
                var tg = document.getElementById('wizcss');
                if(tg) { tg.href=('./'+fname+'.css'); }
            }
        </script>
    </head>
    <body>
        <h1>http://wiz.pe.kr/ 스타일 변경 스크립트</h1>
        <p>
            <a href="javascript:changeCSS('a')">a.css로 변경</a>
            <a href="javascript:changeCSS('b')">b.css로 변경</a>
        </p>
    </body>
</html>
예제파일 :
예제 에서는 a.css 파일과 b.css 파일을 변경해주는 함수로 구동되도록 했습니다.
예제를 보시고 활용 하시면 될 것 같습니다.
Name : Password : Blog : ( )

위즈군의 라이프로그

Category

전체 (564)
개발 (0)
일반정보 (0)
IT 일반 (1)
일상&사진 (0)
정리중 (563)
Total:2,199,766
Today:13 / Yesterday:36
Powered by Tistory / Skin by 위즈 라이센스정책 rss 2.0