2 function $(objectI " /> 神马啪啪,福利视频h,欧美区在线

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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

上次幫朋友寫過的一個簡單切換效果,超級簡單,但也比較適用.因為用到了CSS Sprite技術(shù),DEMO中附帶了IE6兼容png的JS.

核心JavaScript代碼:點此查看DEMO

 1 //@Mr.Think獲取對象屬性兼容方法
2  function $(objectId) {
3 if(document.getElementById && document.getElementById(objectId)) {
4 return document.getElementById(objectId);// W3C DOM
5 } else if (document.all && document.all(objectId)) {
6 return document.all(objectId);// MSIE 4 DOM
7 } else if (document.layers && document.layers[objectId]) {
8 return document.layers[objectId];// NN 4 DOM..this won't find nested layers
9 } else {
10 return false;
11 }
12 }
13 //@Mr.Think切換顯示文字和背景圖位置
14 function iLeftNav(type) {
15 var inum,i_navinfo=$("i_navinfo");
16 if(type=="writeblog"){
17 inum="-300px";
18 }else if(type=="sharepic"){
19 inum="-600px";
20 }else if(type=="writemsg"){
21 inum="-900px";
22 }else{
23 inum="-300px";
24 }
25 i_navinfo.innerHTML=$(type).innerHTML;
26 i_navinfo.style.backgroundPosition=inum+" 0";
27 }
28 //@Mr.Think加載鼠標莫過事件
29 window.onload=function(){
30 var liitem=$("i_blognav").getElementsByTagName("li");
31 for(var i=0; i<liitem.length; i++){
32 liitem[0].onmouseover=function(){iLeftNav("writeblog")}
33 liitem[1].onmouseover=function(){iLeftNav("sharepic")}
34 liitem[2].onmouseover=function(){iLeftNav("writemsg")}
35 }
36 }

it知識庫一個簡單的鼠標劃過切換效果,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: f性欧美 | 欧美精品www | 精品国产免费第一区二区三区日韩 | 精品国产污污免费网站 | 奇米狠狠一区二区三区 | 最新国产在线视频 | 国产精品深夜福利免费观看 | 四虎永久精品免费观看 | 国产精品福利在线观看入口 | 久久久国产精品福利免费 | 国产一区二区高清 | 一级毛片成人免费看免费不卡 | 亚洲深爱 | 99视频都是精品热在线播放 | 免费看污成人午夜网站 | 狠狠色噜噜狠狠狠狠97不卡 | 激情福利网站 | 亚洲伊人色一综合网 | 六月婷婷综合 | 狠狠色丁香婷婷久久综合不卡 | 五色婷婷 | 午夜激情视频在线观看 | 伊人高清视频 | 精品国内一区二区三区免费视频 | 免费人成在线观看视频色 | 色米奇777 | 微拍秒拍99福利精品小视频 | 小明日韩在线看看永久区域 | 色鬼网站| 黄色a级片免费 | 精品无人区乱码麻豆1区2区 | 欧美成人亚洲综合精品欧美激情 | 久久福利一区二区 | 影音先锋国产资源 | 色呦呦在线观看视频 | 色视频网站在线观看 | 精品国产一区二区三区不卡 | 精品视频一区二区 | 99热成人精品国产免男男 | 日韩视频一区 | 草草线在成人免费视频 |