スタイルシートで外部スクリプトを読みこむbehavior

CSS JS

たぶん、IEだけだと思いますけど
scriptタグではなく、スタイルシートから
外部スクリプトファイルを読み込めるようです。
外部ファイルの拡張子はhtc。


behaviorにファイルのパスを指定。
html側

<html>
<head>
<title></title>
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">
div#hoge {
    width   : 300;
    height  : 200;
    behavior: url("test.htc");
}
</style>
</head>

<body>
    <div id=hoge><div>
</body>

</html>


読み込むhtcファイル側
例）div#hogeの背景色を、マウスオーバー、アウトで変更する場合。

<script type="text/javascript">

onmouseover = function() {
	style.backgroundColor = 'yellow';

};
onmouseout = function() {
	style.backgroundColor = 'green';
};

</script>

behaviorを指定したオブジェクトは省略できる。
上の場合、id=hogeのdivを省略できた。