「JavaScript 画像の切替」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「==JavaScript 画像の切替== {{ref imageUpdate.lzh}} <html> <head> <script> var close_normal_img = new Image(); close_normal_img.src = "./close_norma…」) |
|||
| (同じ利用者による、間の1版が非表示) | |||
| 1行目: | 1行目: | ||
| − | ==JavaScript 画像の切替== | + | ==[[JavaScript 画像の切替]]== |
{{ref imageUpdate.lzh}} | {{ref imageUpdate.lzh}} | ||
| − | + | <html> | |
| − | + | <head> | |
| − | + | <script> | |
var close_normal_img = new Image(); | var close_normal_img = new Image(); | ||
close_normal_img.src = "./close_normal.jpg"; | close_normal_img.src = "./close_normal.jpg"; | ||
| 33行目: | 33行目: | ||
} | } | ||
} | } | ||
| − | + | </script> | |
| − | + | </head> | |
| − | + | <body> | |
| − | + | <div> | |
| − | + | <img src="./fld_close.jpg" onclick="javascript:openFolder(this,'fld_div');"> | |
| − | + | </div> | |
| − | + | <div id="fld_div" style="display:none;"> | |
| − | + | <img src="./close_normal.jpg" onmouseover="closeImgUpdate(this,true);" onmouseout="closeImgUpdate(this,false);"> | |
| − | + | </div> | |
| − | + | </body> | |
| − | + | </html> | |
2020年2月16日 (日) 04:27時点における最新版
JavaScript 画像の切替
<html>
<head>
<script>
var close_normal_img = new Image();
close_normal_img.src = "./close_normal.jpg";
var close_over_img = new Image();
close_over_img.src = "./close_over.jpg";
var fld_open_img = new Image();
fld_open_img.src = "./fld_open.jpg";
var fld_close_img = new Image();
fld_close_img.src = "./fld_close.jpg";
function openFolder(img, fldId) {
var fld = document.getElementById(fldId);
if (fld.style.display == 'block') {
fld.style.display = "none";
img.src = fld_close_img.src;
} else {
fld.style.display = "block";
img.src = fld_open_img.src;
}
}
function closeImgUpdate(img, isMouseOver) {
if (isMouseOver) {
img.src = close_over_img.src;
} else {
img.src = close_normal_img.src;
}
}
</script>
</head>
<body>
<div>
<img src="./fld_close.jpg" onclick="javascript:openFolder(this,'fld_div');">
</div>
<div id="fld_div" style="display:none;">
<img src="./close_normal.jpg" onmouseover="closeImgUpdate(this,true);" onmouseout="closeImgUpdate(this,false);">
</div>
</body>
</html>
© 2006 矢木浩人
