간단 한 js 마우스 스 크 래 치 전환 효과
1838 단어 마우스 스 쳐 지나 가기전환 하 다.
//@Mr.Think
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);// W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);// MSIE 4 DOM
} else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];// NN 4 DOM..this won't find nested layers
} else {
return false;
}
}
//@Mr.Think
function iLeftNav(type) {
var inum,i_navinfo=$("i_navinfo");
if(type=="writeblog"){
inum="-300px";
}else if(type=="sharepic"){
inum="-600px";
}else if(type=="writemsg"){
inum="-900px";
}else{
inum="-300px";
}
i_navinfo.innerHTML=$(type).innerHTML;
i_navinfo.style.backgroundPosition=inum+" 0";
}
//@Mr.Think
window.onload=function(){
var liitem=$("i_blognav").getElementsByTagName("li");
for(var i=0; i<liitem.length; i++){
liitem[0].onmouseover=function(){iLeftNav("writeblog")}
liitem[1].onmouseover=function(){iLeftNav("sharepic")}
liitem[2].onmouseover=function(){iLeftNav("writemsg")}
}
}
본 고 는 간단 한 마우스 로 효 과 를 보지 못 하고 CSS 로 도 실현 할 수 있 지만 상대 적 으로 번 거 롭 습 니 다.좀 더 멋 지고 멋 진 효과 가 필요 하 다 면,cssrain 이 작성 한 jQuery 기반 기포 알림 효 과 를 확인 하려 면 누 르 십시오.http://mrthink.net/script-mousechange-simple/