_on _offと画像ファイル名だけ変えればよいJavascriptロールオーバー
2011.07.27 Wednesday | category:JavaScript
Javascriptで実装するロールオーバーで、
画像ファイル名に「_on」「_off」とだけつければ動くソースを探していました。
ソース元はこちら
http://css-happylife.com/archives/2007/0621_0010.php
画像ファイル名に「_on」「_off」とだけつければ動くソースを探していました。
ソース元はこちら
http://css-happylife.com/archives/2007/0621_0010.php
function smartRollover() {↑このソースを
if(document.getElementsByTagName) {
var images = document.getElementsByTagName("img");
for(var i=0; i < images.length; i++) {
if(images[i].getAttribute("src").match("_off."))
{
images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
}
}
}
}
}
if(window.addEventListener) {
window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
window.attachEvent("onload", smartRollover);
}
<script type="text/javascript" src="***.js"></script>
でよみこめばよいだけでとても簡単でした。
18:54 | comments(0) | - | - | -
⇒ Tadashi (03/13)
⇒ yo5kg (06/06)
⇒ jumbo (04/25)
⇒ ぐみ (12/11)
⇒ eguti (06/04)
⇒ ビジログ (03/09)
⇒ nana (02/02)
⇒ TOM (01/22)
⇒ pon (11/09)
⇒ pon (11/09)