影がぐるり
原案:平井 公大 氏 (2001/01/06 登録)
メッセージをマウスでクリックすると影がぐるりとまわります(IE4.0以降のみ)。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>影がぐるり</title>
<script type="text/javascript">
<!--
function round() {
var r = document.all.shadow_ID.filters['shadow'].direction;
document.all.shadow_ID.filters['shadow'].direction = r-45;
if (r) {
timeID = setTimeout( 'round()', 10 );
} else {
clearTimeout();
r=315;
}
}
// -->
</script>
</head>
<body>
<div style="text-align: center; height:60px">
<div id="shadow_ID" style="position:absolute; left:140px; top:350px; width:400px; font-size:24pt;
filter:shadow( color=#afafaf, direction=315)" onClick="round()">
影がぐるり
</div>
</div>
</body>
</html>