2 function $(objectI " /> 欧美综合成人,青草视频在线播放,亚洲人网站

四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

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

上次幫朋友寫過的一個簡單切換效果,超級簡單,但也比較適用.因為用到了CSS Sprite技術,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知識庫一個簡單的鼠標劃過切換效果,轉載需保留來源!

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

主站蜘蛛池模板: 柏拉图的电影| 暴露视频| 接吻摸胸视频| 电影哪吒闹海| 真实游戏完整在线观看免费高清| 欠条怎么写才有法律效果| 天才gogogo综艺节目规则| 降魔的| 6套电影频道节目表| 河北电视台| 我和我的祖国钢琴谱完整版| 性的视频| 变性手术男变女能怀孕吗| 香港之夜免费观看视频完整版| 最新欧美电影| 大奉打更人电视剧在线观看全集免费播放 | 妹妹扮演的角色| 55天在北京| 公司减资从1000万减到10万 | 五的词语| 情人电视剧| 郭明翔| 美女网站在线观看| 烽火流金电视剧全集免费观看| 周晓琳八十部作品在线观看| 暗恋桃花源剧本| 鬼龙院花子的一生| 猪哥会社| 欧美艹| 抖音网站入口| 日本xxww| 帮妈妈做饭看图写话二年级| karina hart| 卖房子的女人的逆袭| 1998年槟榔西施| 包公大战潘金莲| 李玟雨| cctv16直播| 在线黄网站| 陈德烈| 小野寺律|