最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

一個簡單的js鼠標劃過切換效果

 更新時間:2010年06月30日 14:45:13   作者:  
一個實用的簡單的鼠標劃過切換效果,附帶ie6兼容png js
上次幫朋友寫過的一個簡單切換效果,超級簡單,但也比較適用.因為用到了CSS Sprite技術(shù),DEMO中附帶了IE6兼容png的JS.

核心JavaScript代碼:點此查看DEMO
復(fù)制代碼 代碼如下:

//@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亦可以實現(xiàn),但相對煩瑣. 如果需要更酷更炫一點的效果,可點此查看cssrain寫的基于jQuery的氣泡提示效果.
原文發(fā)布于Mr.Think的個人博客: http://mrthink.net/script-mousechange-simple/

相關(guān)文章

最新評論

阜城县| 安塞县| 中山市| 临清市| 丘北县| 兴海县| 墨脱县| 奎屯市| 河东区| 雷波县| 基隆市| 宣恩县| 霍林郭勒市| 墨脱县| 根河市| 元阳县| 同德县| 普兰店市| 澄江县| 洪江市| 田林县| 洮南市| 绥宁县| 神木县| 定南县| 临桂县| 雷州市| 龙山县| 安化县| 广德县| 营山县| 大丰市| 长白| 博湖县| 炉霍县| 于田县| 衡山县| 鄂伦春自治旗| 诏安县| 峨眉山市| 新乡县|