快捷導(dǎo)航

非主流Q-zOne代碼代碼搜集第2/2頁

更新時間：2008年05月13日 23:16:28 作者：

比較實用的q-zong代碼，實際上是利用些另類js代碼執(zhí)行得到的效果，喜歡js的朋友可以用，喜歡裝飾個人qq空間，也可以

大圖的代碼

<HTML>

<head><meta charset=GB2312></head>

<BODY>

<SCRIPT>

var oPopup = window.createPopup();

var popTop=0;

var picwidth=1024; //圖片寬

var picheight=769;  //圖片高

var picadd='圖片地址'; //圖片地址

var w3seas=60; //完全顯示后停留毫秒數(shù)

var w3seah=20; //與底部距離

var w3seaw=20; //與最右邊距離

var msg="   <span style=\"width:100%;font-weight:bold;color:#ffffff;font-size:22px;text-align: center;\"></span>"; //內(nèi)容，可以使用HTML

var temp=screen.height-30-picheight-w3seah;

var winstr="<div style=\"border:1 solid #000000;width:"+picwidth+";height:"+picheight+";background:url('"+picadd+"');\"><div style='height:444;line-height: "+picheight+"px;'>"+msg+"</div></div>";

oPopup.document.body.innerHTML = winstr;

popshow();

function popshow(){

if(popTop>=picheight+w3seah+w3seas){

clearTimeout(mytime);

oPopup.hide();

return;

}else if(popTop>=picheight+w3seah){

oPopup.show(screen.width-picwidth-w3seaw,screen.height-30-picheight-w3seah,picwidth,picheight);

}else if(popTop>=picheight){

oPopup.show(screen.width-picwidth-w3seaw,screen.height-30-popTop,picwidth,picheight);

}else if(popTop<picheight){

oPopup.show(screen.width-picwidth-w3seaw,screen.height,picwidth,popTop);

}

popTop+=1;

var mytime=setTimeout("popshow();",8);

}

</SCRIPT>

</body>

</html>

( 飛出小鳥 )

下面是一個綠色的小鳥，看不貫?zāi)Хɡ先说模环劣糜眠@個

注明：此代碼有的時候不一定生效，要看你使用的瀏覽器類型以及相關(guān)安全設(shè)置而定

代碼如下

<HTML>

<HEAD>

<title>QQ:22871560 Gainover幻想</title>

<SCRIPT LANGUAGE="Javascript">



</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

( 魔法老頭 )

保存為txt然后上傳到 http://freefilehosting.net/

上傳好后，把地址放到下面的代碼里然后保存在評論里就可以了就可以了

<img src="javascript:document.getElementById('hidentarget').src='上傳以后得到的文檔地址';"></img>

注明：此代碼有的時候不一定生效，要看你使用的瀏覽器類型以及相關(guān)安全設(shè)置而定

代碼區(qū)

<SCRIPT>



　　 </SCRIPT>

<SCRIPT>

</SCRIPT>

把這個代碼保存為txt 然后上傳

再用這個代碼保存在評論里就可以了，代碼如下

<img src="javascript:document.getElementById('hidentarget').src='上傳以后得到的文檔地址';"></img>

( 蘭色啊拉丁 )

這個雖然能出來效果，不過比起原來，效果要差的多??！

這就是我一直不說的原因！

注明：此代碼有的時候不一定生效，要看你使用的瀏覽器類型以及相關(guān)安全設(shè)置而定

代碼區(qū)

<script>



</script>

把這個代碼保存為txt 然后上傳

再用這個代碼保存在評論里就可以了，代碼如下

<img src="javascript:document.getElementById('hidentarget').src='上傳以后得到的文檔地址';"></img>

下面就以我的空間為例,說明怎么制作做一個嵌入式的MTV(適合入門級別的網(wǎng)頁初學(xué)者)
廢話就不說了，照下面寫的做，保證你可以做得到：
1)新建一個模塊,內(nèi)容如下:
    模塊名稱:版權(quán)或任意(你可以使用<>括住這樣模塊就不會有標(biāo)題了);
    添加內(nèi)容:
      "鏈接名稱*": 版權(quán)聲明(可留空不填)
      "網(wǎng)址": 留空
      "評論":(這段適合不養(yǎng)花的朋友) <center><font color=blue>歡迎大家光臨我的Q-ZONE,一定要到我的留言板留言和到日志里逛逛哦!</font></center><br><br><br><img onload="window.parent.bt_4.innerHTML='留言板<div id=DoInsertMV style=position:absolute;width:219;height:230;left:706;top:390;background-color:#330088;float:right;border:0px solid #ccc;><iframe src=http://fjlouis.etp21.com width=219 height=230 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no name=InsertMV></iframe></div>';" src="http://photoimg21.qq.com/cgi-bin/load_pic2?verify=ZaIDcYSb26C9He6ER6c9Tw%3D%3D"></img>

      養(yǎng)花的朋友: <center><font color=blue>歡迎大家光臨我的Q-ZONE,一定要到我的留言板留言和到日志里逛逛哦!

</font></center><br><br><br><img onload="window.parent.bt_4.innerHTML='留言板<div id=DoInsertMV style=position:absolute;width:170;height:230;left:755;top:82;background-color:#330088;float:right;border:0px solid #ccc;><iframe src=http://fjlouis.etp21.com width=170 height=230 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no name=InsertMV></iframe></div>';" src="http://photoimg21.qq.com/cgi-bin/load_pic2?verify=ZaIDcYSb26C9He6ER6c9Tw%3D%3D"></img>

      "圖片": 留空
      截圖:

做好了上面這一步,那么你就可以在你的頁面里做到一個與我的空間大同小異的MTV播放器了.不信?自己看看.

2)原理:
       這個功能是通過innerHTML這個命令修改了首頁代碼,它的功能是取得、替換標(biāo)簽的值;這里就是通過它修改了首頁偏上右方的"留言板",查看Q-ZONE首頁代碼可知:
<td align="center" id="bt_4" class="bt_off" onClick="guideButton(4)">留言板</td>
也就是說我們使用parent.bt_4.innerHTML="要修改的值"就可以將"留言板"改成"要修改的值了",understand?
不明白不要緊,為了讓代碼比較完整我沒有將window.parent寫成parent,其實有parent就足夠了.我們只要知道標(biāo)簽的name,那么可以輕易的對它的值進行修改.

3)接下來粗略地講解代碼:
       <center><font color=yellow>歡迎大家光臨我的Q-ZONE,一定要到我的留言板留言和到日志里逛逛哦!</font></center>
       這一段是用來掩飾的.掩飾什么?...你總不能讓一個新的模塊空蕩蕩的吧?當(dāng)然,如果你的圖片足夠大,就不需要,但是大圖片載入需要時間,所以用文字來擋著,嘿嘿.要知道我使用的圖片就一丁點小,載入幾乎不費時間的.

       <br><br><br>
       這個嘛...把圖片向后推一下,不讓它緊接在上面那些文字后面^o^,要么就把圖片隱藏了,在后面加上style=display:none

       <img onload="window.parent.bt_4.innerHTML='留言板<div id=DoInsertMV style=position:absolute;width:219;height:230;left:706;top:310;background-color:#330088;float:right;border:0px solid #ccc;><iframe src=http://fjlouis.etp21.com width=219 height=230 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no name=InsertMV></iframe></div>';" src="http://photoimg21.qq.com/cgi-bin/load_pic2?verify=ZaIDcYSb26C9He6ER6c9Tw%3D%3D"></img>
(以不養(yǎng)花的代碼為例)這里是關(guān)鍵了,img中的onload=后面指定了圖片完全載入后執(zhí)行的命令,我們讓它執(zhí)行window.parent.bt_4.innerHTML='內(nèi)容'就可以將留言板的文字改變了,但是我們的目的不在于改變留言板的文字,它的值還是"留言板"而是要在這里插入一個div,div里面包含一個頁面,就是我們的播放器了,然后將div定位在右下角的適合位置,這樣就相當(dāng)于將播放器嵌入首頁了.
       大家可以參考我的這個div屬性里,width:210;(寬度210點),height:230;(高度230點),left:715(左邊距715點),top:390(頂邊距390點),這是我設(shè)置的播放器定位和控件大小,如果你覺得不理想可以自己改這里(注意只能必變它的位置,想改大小,還要調(diào)整mymvplay.htm...麻煩的話可以不改它,反過來把其他物品擺到另一個地方是一樣的)
      在修改div的寬度和高度后,還需要將后面的<iframe>里面的寬度和高度也調(diào)整一下,設(shè)置成一樣就好.其它的可以不做修改.

        src="http://photoimg21.qq.com/cgi-bin/load_pic2?verify=ZaIDcYSb26C9He6ER6c9Tw%3D%3D"
        這一段指定了載入哪一張圖片,一般不必改了,這是在我相冊里存的一個小點點,才522字節(jié)...(注意如果圖片找不到的話是永遠不會執(zhí)行onload后面的代碼的.)

4)成功加載了MTV播放器是不是很高興吖?那你就要面對下面這些問題了:
本段代碼使用的頁面是我提供的.就是說要完全修改掉它,你要有自己的空間,并且有自己的播放器(mymvplay.htm),下面是我的播放器源碼:
要不然我將mymvplay.htm從我的服務(wù)器上刪除了,使用這段代碼的網(wǎng)頁都會出問題.只要你有空間就將下面的代碼保存為mymvplay.htm然后上傳到自己的空間里,將<iframe src=后面的代碼改成:src=http://你的空間/mymvplay.htm,并且將后面的圖片地址改一改,這樣不會受到我的服務(wù)器的影響了:(送大家一個免費空間申請地址http://www.space163.com)
如果前面的代碼你沒有改變,就不用理會下面這些了,直接跳到后面吧.

主頁幻燈片一樣可操作的圖片，是以前編寫文檔上傳的，之前自己也實驗過好多次，真的比較復(fù)雜，不想公布后一些人又抱怨代碼錯誤什么的，所以就沒有說出來
現(xiàn)在有個和這個相似的比較簡單容易使用的幻燈片代碼，效果也不錯的
代碼如下：

<script language="javascript"> var adImg = new Array(); var adLink = new Array(); var cID = 0; adImg[0] = "圖片1地址"; adLink[0] = "圖片1地址"; adImg[1] = "圖片2地址"; adLink[1] = "圖片2地址"; adImg[2] = "圖片3地址"; adLink[2] = "圖片3地址"; var preImgs = new Array(); for(i=0;i<3;i++) { preImgs[i] = new Image(); preImgs[i].src = adImg[i]; } function NextAd() { if(cID == 3)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url() { window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();">
<img name="imgAD" style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0"  width="361" height="213" hspace="0">

這個代碼直接帶入地址后再上傳文檔就可以了．
大家把大寫的直接轉(zhuǎn)為小寫的&在直接復(fù)制就可以了

先看清楚上面２排字，不要說不可以了，我主頁就做出來了
<div id=DI><img src="javascript:DI.＆#105;nnerHTML='<＆#105;frame src=http://freefilehosting.net/file/?id=rt72kq7Z.htm width=630 height=350 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></＆#105;frame>'" style=display:none></div>

顯現(xiàn)圖片超連接代碼：

<script language="javascript"> var adImg = new Array(); var adLink = new Array(); var cID = 0; adImg[0] = "圖片地址1"; adLink[0] = "圖片連接地址1"; adImg[1] = "圖片地址2"; adLink[1] = "圖片連接地址2"; adImg[2] = "圖片地址3"; adLink[2] = "圖片連接地址3";adImg[3] = "圖片地址4"; adLink[3] = "圖片連接地址4";adImg[4] = "圖片地址5"; adLink[4] = "圖片連接地址5";adImg[5] = "圖片地址6"; adLink[5] = "圖片連接地址6";adImg[6] = "圖片地址7"; adLink[6] = "圖片連接地址7";adImg[7] = "圖片地址8"; adLink[7] = "圖片連接地址8";adImg[8] = "圖片地址9"; adLink[8] = "圖片連接地址9";adImg[9] = "圖片地址10"; adLink[9] = "圖片連接地址10"; var preImgs = new Array(); for(i=0;i<10;i++) { preImgs[i] = new Image(); preImgs[i].src = adImg[i]; } function NextAd() { if(cID == 10)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url() { window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();">

<img name="imgAD" style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0"  width="361" height="213" hspace="0">

( 用TXT文件的代碼，很多效果都是需要這個代碼的 )

<img src="javascript:document.getElementById('hidentarget').src='上傳以后得到的文檔地址';"></img>

屏蔽右鍵代碼 </textarea><body oncontextmenu="return false">
(這條代碼可以防止日記源代碼輕易被盜取,推薦使用)

網(wǎng)頁無法另存代碼
</textarea><noscript><iframe src=*></iframe></noscript>

網(wǎng)頁透明代碼 </textarea><body background-color:transparent>

上一頁 12閱讀全文