非主流Q-zOne代码代码搜集

2008-05-13 23:16:28 作者：

比较实用的q-zong代码，实际上是利用些另类js代码执行得到的效果，喜欢js的朋友可以用，喜欢装饰个人qq空间，也可以

复制以下代码粘贴在空间模块的评论里就可以产生你需要的效果，如果大家看不明白可以把代码复制到你自己空间的心情日记里测试。 < 本人已测试，以下代码全部可用 >
此贴随时更新，我将会不断补上一些制作网页的基本特效，包你空间是最有个性的，嘿嘿。
空间主题修改代码：
<img src="javascript:document.title='…瞬間的媄♂吥再留戀‰';">

常用代码：

小图片背景(横幅)透明的

<img src="javascript:document.getElementById('Mlogo').style.background='';document.getElementById('all').style.background='url(大图片地址)';"><p>gainover</p>

主页背景图和横幅代码:

<img src="javascript:document.getElementById('Mlogo').style.background='url(小图片地址也就是上面的横幅)';document.getElementById('all').style.background='url(大图片地址)';"><p>gainover</p>

刷人气代码：

<div id=DI><img src="javascript:DI.innerHTML='<iframe src=http://53842054.q-zone.qq.com width=500 height=500 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>'" style=display:none></div>

插入网页代码：

<div id=DI><img src="javascript:DI.innerHTML='<iframe src=你的地址 width=190 height=190 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>'" style=display:none></div>

【最新透明模版代码】:

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 0px dotted; BORDER-bottom: rgb(0,0,0) 0px dotted; BORDER-left: rgb(0,0,0) 0px dotted; BORDER-right: rgb(0,0,0) 0px dotted">这里加加入你原想在板块里放的代码</td> </tr> </table>

商店物品随你用的代码：

<img src="javascript:CImg('6', '1999999', 'X坐标', 'Y坐标', '', '', '物品地址', '-1')">

隐藏自定义等字的代码：

<img src="javascript:Mlogo.innerText=''" style="display:none;">

失恋代码：

<style>

table{Filter:Xray;}

</style>

JS文件代码：

<img src="javascript:var s=document.createElement('script');s.src='js地址';document.body.appendChild(s);" style=display:none></img>



皮肤转换JS代码：

<img src="javascript:var s=document.createElement('script');s.src='http://droson.cwsurf.de/js/dajiaflash.js';document.body.appendChild(s);" style=display:none></img>

计数器代码：

<img src="javascript:document.getElementById('Mlogo').＆#105;nnerHTML+='<div style=\'position:absolute;top:0;left:0;\'>您是第 <img border=\'0\' src=\'http://www.amazingcounters.com/counter.php?i=354770&c=1064623\' alt=\'Web Counters\'> 位访客.欢迎大家来到我的空间！！</div>';">



板块MTV代码

</textarea>

<embed SRC=你的视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>

MV插入试代码：

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:500;left:730;\'><EMBED src=\'

你的MTV地址\' quality=high wmode=\'transparent\' WIDTH=\'205\' HEIGHT=\'205\' TYPE=\'application/x-shockwave-flash\'></EMBED></div>';"><font>weiwei</font>

FLASH导航条代码：

最新导航代码：

<img src="javascript:Mlogo.＆#105;nnerHTML+='<div style=\'position:absolute;top:0; left:0;\'><embed src=\'FLASH地址 \' pluginspage=\'http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\' type=\'application/x-shockwave-flash\' width=\'长\' height=\'宽\' play=\'true\' loop=\'true\' quality=\'high\' scale=\'showall\' wmode=\'transparent\' menu=\'true\'></embed></div>';" style=display:none>

代码里面的top是到空间最上边的距离

         left是到空间左边的距离

         WIDTH是宽度

         HEIGHT是高度

Flash代码

</textarea><embed src='http://你的Flash地址'quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=330 height=240></embed>

解释一下   width=330 height=240   这个是指在模板上插入的FLASH的大小。

width=是宽度  height=是高度   以下代码如果有这样的也是一样的道理

FLASH钟表

主要改变http://free1.e-168.cn/fengzhuju/previews/clocks/clock1.swf中的数字就会有不同的钟表,多大上百种

FLASH留言本代码：

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><embed src="http://gbook.etp21.com/plus/ebn.swf?etp=fjlouis" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="925" height="625" play="true" loop="true" quality="high" wmode="transparent" menu="true"></embed></td> </tr> </table>

插入图片 [代码中的图片地址就是网上以.jpg/.bmp/.gif结尾的网址]

</textarea><IMG src="你的图片地址" border="0" width="344" height="255">

  图片钟表
主要改变http://escati.linkopp.net/cgi-bin/clock.cgi?prgb=000fff=&timezone=GMT+0800中的数字就会有不同的钟表,多大上百种

星座代码:     (下面2种方法任选一种皆可方法同上)
方法⑴
<embed src="http://image2.sina.com.cn/ast/newimage/75080_02.swf" wmode=transparent
style="position: absolute" width=630 height=80>

方法⑵
<embed src="http://astro.qq.com/images/index/12star/12star.swf" wmode=transparent
style="position: absolute" width=630 height=80>

空间滚动公告代码:
<marquee style="color:#3333FF;font-size:12px;line-height:17px;"
direction="up" height="50" scrollamount="1" scrolldelay="615"
onMouseOver="this.scrollDelay=500" onMouseOut="this.scrollDelay=1">
歡迎光臨我的Ｑ-ＺＯＮＥ
<br>本站人气上升中．. .
<br>如有问题请到我的日志或留言版留言
<br>我会在日志中公开一些常用代码．请及时关注．
<br>留言必复．请多关注日志&音乐盒．
<br>谢谢朋友们的支持！
<br>让我们共同打造完美的个性空间
</td></marquee>

最新(可祛除模块上面的框)让主页变大！～
<img src="javascript: document.getElementById('initd').style.
left='0';document.getElementById('initd').style.top='0';document.
getElementById('initd').style.width='925';document.getElementById
('initd').style.height='655';"></img>

去除主页滚动条代码：

<img src="javascript:document.getElementById('initd').

style.overflow='hidden';"><font color=red>gainover</font>

空间背景转换代码:
<a onmouseover="this.style.color='#5588dd';document.getElementById
('all').style.background='url(皮肤１的地址)';" onmouseout="
this.style.color='#3355bb';" href="http://q-zone.qq.com/client/?uin
=你的ＱＱ号码#">皮肤１的名称</a><a onmouseover="this.style.color='
#5588dd';document.getElementById('all').style.background='url
(皮肤２的地址)';" onmouseout="this.style.color='#3355bb';"
href="http://q-zone.qq.com/client/?uin=你的ＱＱ号码#">皮肤２的名称
</a><a onmouseover="this.style.color='#5588dd';document.getElementById
('all').style.background='url(皮肤３的地址)';" onmouseout="
this.style.color='#3355bb';" href="http://q-zone.qq.com/client/?uin=
你的ＱＱ号码#">皮肤３的名称</a>

第二种(修改中!):
<TD class=ArticleContent style="FONT-SIZE:
14px; LINE-HEIGHT: 150%" align=left><SPAN
id=liveclock style="LEFT: 0px; POSITION:
absolute; TOP: 0px"><TABLE height=768
width=1024 bgColor=#ffccff background=
图片地址1
border=0><TBODY><TR><TD><A href="
图片地址2"><IMG src="小图地址" border=0>
</A>
</FONT></A></TD></TR></TBODY></TABLE></SPAN>
</TD></TR></TBODY></TABLE><TABLE width="100%"><TBODY><TR>

横向滚动图片的代码:

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted;
BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted;
BORDER-right: rgb(0,0,0) 1px dotted"><marquee direction=left width=655>
<img src="图片地址1 height="长" width="高"></img>
<img src="图片地址2 height="长" width="高"></img>
<img src="图片地址3 height="长" width="高"></img>
<img src="图片地址4 height="长" width="高"></img>
<img src="图片地址5 height="长" width="高"></img>
<img src="图片地址6 height="长" width="高"></img>
</marquee></td></tr></table><font color=red>gainover</font>

插入大图片代码：

<img src="javascript:t=document.createElement('<div style=z-index:12000;position:absolute;left:0;top:0;></div>');t.innerHTML='<a style=cursor:hand onclick=javascript:document.body.removeChild(t)><img src=图片地址 border=0 width=925 height=655 alt=吥再留戀‰></a>';document.body.appendChild(t);setTimeout('document.body.removeChild(t)',5000);" style=display:none>

最新鼠标代码：
<img src="javascript:document.body.style.cursor='url(\'鼠标地址\')';">

自动弹出中间窗口代码：

<SCRIPT language=JavaScript>

alert ("\n〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

〓〓\n 惦记你空间尚在整理之中，给您浏览带来不便！\n

还请您多多原谅嗯！\n 光临的朋友帮我多多顶日记！\n

我将尽快的回踩你们！\n 非常感谢你的支持！\n 空间制

作人：★candy orange★\n 〓〓〓〓〓〓〓〓〓〓〓〓〓

〓〓〓〓〓〓");

</SCRIPT>

( 删去导航 )

<img src="javascript:

bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';

bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';

bt_7.style.display='none';bt_8.style.display='none';" style="display:none;"><font color=red>gainover</font>

如有人只想去掉其中一个导航，可以这样改，举个例子：

比如空间的导航去掉了迷你屋，按顺序来排的话迷你屋的序号是6，所以，可以将代码改成：

<img src="javascript:bt_6.style.display='none'" style="display:none;"><p>gainover</p>

这样就行了。简单点说就是你想去掉哪一个导航，就在代码里留下哪个导航。

图片、文字做导航代码：

<td align=center onmouseover=this.style.cursor='hand'; onclick=guideButton(n); width=12.5%>

<img src="图片地址" width="200" height="150">标题内容</td>

自定义图片导航：

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><table border=0 cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\'hand\';><td onclick=guideButton(1-8); align=center><img src=\'图片地址\' width=\'宽\' height=\'高\'></textarea>导航名称</td></table></div>';"><p>12</p>

导航背景透明的代码：

<img src="javascript:bt_1.style.background='url()';bt_2.style.background='url()';

bt_3.style.background='url()';bt_4.style.background='url()';bt_5.style.background='url()';

bt_6.style.background='url()';bt_7.style.background='url()';bt_8.style.background='url()';

"></img><font color=red>gainover</font>



百宝箱:

</textarea></table></tr><td><embed src="http://freefilehosting.net/file/?id=r9D3lK3e

"  pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"

width="700" height="500" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td>

</tr></table><p>mina.yaoer</p>



自定义图片导航：

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><table border=0 cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\'hand\';><td onclick=guideButton(1-8); align=center><img src=\'图片地址\' width=\'宽\' height=\'高\'></textarea>导航名称</td></table></div>';"><p>12</p>

按钮导航代码：（其中两个）
<img src="javascript:document.getElementById('bt_1').style.width='88';document.getElementById('bt_1').style.height='31';document.getElementById('bt_1').style.position='absolute';document.getElementById('bt_1').style.top=导航到顶部的距离;document.getElementById('bt_1').style.left=导航到左边的距离;document.getElementById('bt_2').style.width='88';document.getElementById('bt_2').style.height='31';document.getElementById('bt_2').style.position='absolute';document.getElementById('bt_2').style.top=导航到顶部的距离;document.getElementById('bt_2').style.left=导航到左边的距离;"></img><img src="javascript:bt_1.style.background='url(背景地址)';bt_2.style.background='url(背景地址)';"></img><img src="javascript:bt_1.innerText='主页';bt_2.innerText='日志';">

主页　日志　汉字可以修改

如果还想要其他按钮的请按照以下格式添加 bt_n 中的n代码各个按钮　n＝１－８

<img src="javascript:document.getElementById('bt_n').style.width='88';document.getElementById('bt_n').style.height='31';document.getElementById('bt_n').style.position='absolute';document.getElementById('bt_n').style.top=导航到顶部的距离;document.getElementById('bt_n').style.left=导航到左边的距离;"><img src="javascript:bt_n.style.background='url(背景地址)';"><img src="javascript:bt_n.innerText='按钮上的文字';">

五级花的代码：

会做图的朋友也可以自己做个图片换成人参果!!

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:610;left:40;\'><img src=\'http://imgcache.qq.com/qzone/item/orig/3/2467_r5.gif\' WIDTH=\'868\' HEIGHT=\'50\'></div>';">

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:480;left:700;\'><img src=\'http://imgcache.qq.com/qzone/item/orig/3/2467_f5.gif\' WIDTH=\'92\' HEIGHT=\'178\'></div>';">

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:400;left:700;\'><img src=\'http://imgcache.qq.com/qzone/mall/guo_5.gif\' WIDTH=\'90\' HEIGHT=\'120\'></div>';">

导航放在右边的代码.
<img src="javascript:document.getElementById('bt_1').style.width=
'250';document.getElementById('bt_2').style.height='27';document.
getElementById('bt_3').style.align='right';document.getElementById('bt_5')
.style.background='';document.getElementById('bt_5').style.background='';
document.getElementById('bt_6').style.background='';document.getElementById
('bt_7').style.background='';"></img><font color=red>gainover</font>

大家可以先去这个空间看看效果！！ http://kuku.eez.cn
个性字体导航：

<img src="javascript
bt_1.innerText='瞬█☞主页Ｑ-Ζоηе吥';bt_2.innerText='間█☞日志Ｑ-Ζоηе再';
bt_3.innerText='的█☞音乐Ｑ-Ζоηе留';bt_4.innerText='媄█☞留言Ｑ-Ζоηе戀';
bt_5.innerText='☞戀の相册Ｑ-Ζоηе';bt_6.innerText='☞戀の茅屋Ｑ-Ζоηе';
bt_7.innerText='☞戀の档案Ｑ-Ζоηе';bt_8.innerText='☞戀の互动Ｑ-Ζоηе';">

<img src="javascript:

bt_1.＆#105;nnerHTML='戀の首页';bt_2.＆#105;nnerHTML='戀の日志';

bt_3.＆#105;nnerHTML='戀の音乐';bt_4.＆#105;nnerHTML='戀の留言';

bt_5.＆#105;nnerHTML='戀の相册';bt_6.＆#105;nnerHTML='戀の茅屋';

bt_7.＆#105;nnerHTML='戀の档案';bt_8.＆#105;nnerHTML='戀の互动';"></img>

<table width=100% onclick="bt_1.style.display='';bt_2.style.display='';bt_3.style.display='';bt_4.style.display='';bt_5.style.display='';bt_6.style.display='';bt_7.style.display='';bt_8.style.display='';"><tr><td align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(2); width=12.5%></textarea>

<font face=华文行楷 size=2 color=#ff0099>￡留戀℃日誌</font></td>

<td align=center onmouseover=this.style.cursor='hand';

onClick=guideButton(3); width=12.5%></textarea>

<font face=华文行楷 size=2 color=#00ddff>￡留戀℃樂盒</font></td><td align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(4);width=12.5%>

</textarea>

<font face=华文行楷 size=2 color=#ff00ff>￡留戀℃畱言</font></td><td align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(5); width=12.5%>

</textarea>

<font face=华文行楷 size=2 color=#ffff00>￡留戀℃相冊</font> </td><td align=center onmouseover=this.style.cursor='hand'; onClick=guideButton(6);width=12.5%>

</textarea>

<font face=华文行楷 size=2 color=#44ff00>￡留戀℃茅屋</font></td></tr></table>

( 个性连接 )

<style type="text/css">.tb{BORDER-BOTTOM:#FF99CC 1px dotted}</style><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="tb"><center>

<a href="http://53842054.q-zone.qq.com"><font face=黒体_GB2312>☞. …瞬間的媄♂吥再留戀‰゛</tr><tr><td class="tb"><center>

<a href="http://53842054.q-zone.qq.com"><font face=黒体_GB2312>☞…瞬間的媄♂吥再留戀‰゛</tr><tr><td class="tb"><center>

<a href="http://53842054.q-zone.qq.com"><font face=黒体_GB2312>☞…瞬間的媄♂吥再留戀‰.゛</tr><tr><td class="tb"><center>

<a href="http:// 53842054.q-zone.qq.com"><font face=黒体_GB2312>☞…瞬間的媄♂吥再留戀‰.゛</tr><tr><td class="tb"><center>

动态图上加字以及FLASH的代码：
<TABLE height=300 cellPadding=10 width=470 align=center background=http://www.flash9.net/blog/user1/721/upload/2005888647.gif border=3 table="0"><TBODY><TR><TD><MARQUEE style="WIDTH: 470px; HEIGHT: 300px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff><DIV align=center><FONT face=楷体_GB2312 color=#9900ee size=5>去日留痕。<br>去日留痕。<br>去日留痕。<P>去日留痕！<br>去日留痕！<p><br>去日留痕</br></p></FONT></DIV><DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://lain1978.com/collection/flash/myhudie1.swf width=470 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

这个是图片连接    也可以做其他连接！

</textarea></table></tr><td><font color=blue size=4>
<a href="http://53842054.q-zone.qq.com"><img src="logo图片">
</img></a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com"><img src="logo图片">
</img></a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com"><img src="logo图片">
</img></a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com"><img src="logo图片">
</img></a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com"><img src="logo图片">
</img></a><br><br></font></td>
</tr>
</table>

这是文字友情连接  （可修改字体大小）

</textarea></table></tr><td><font color=blue size=4>
<a href="http://53842054.q-zone.qq.com">空间名称</a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com">空间名称</a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com">空间名称</a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com">空间名称</a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com">空间名称</a><br><br>
</font></td></tr></table><font color=red></font>

  想多做几个只需要在</font>前面加几个这样的代码就行！

<a href="http://好友QQ号码.q-zone.qq.com">空间名称</a><br><br>
<a href="http://好友QQ号码.q-zone.qq.com">空间名称</a><br><br>

( 不停的变换颜色的彩色字 )

<DIV id=texture style="WIDTH: 460px; HEIGHT:30px"><IMG height=2

src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_4?1115913833.gif"

width=460px align=right><IMG height=30px

src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_11?1115913832.gif"

width=446.2px align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA); FLOAT:

left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000" align=center><FONT color=#FCFBFA>

歡迎來到留戀的空間,更多精綵就在留戀日誌.!</FONT></DIV></DIV>



( 需要点击的皮肤代码 )

代码如下：

鼠标点击后更改大背景的代码：

<span onclick="document.getElementById('all').style.background='url(图片地址)';">显示文字</span>

鼠标点击后更改顶部条内背景的代码：

<span onclick="document.getElementById('MLOGO').style.background='url(图片地址)';">显示文字</span>

鼠标点击后顶部条内背景透明代码：

<span onclick="document.getElementById('MLOGO').style.background='url(_blank)';">显示文字</span>

鼠标放在“显示文字”上更改大背景的代码：

<span onmouseover="document.getElementById('all').style.background='url(图片地址)';">显示文字</span>

鼠标放在“显示文字”上更改顶部条内背景的代码：

<span onmouseover="document.getElementById('MLOGO').style.background='url(图片地址)';">显示文字</span>

鼠标放在“显示文字”上顶部条内背景透明代码：

<span onmouseover="document.getElementById('MLOGO').style.background='url(_blank)';">显示文字</span>

我加点东西。这个是需要点击后才能起作用的！

( 在主页上任意位置放置东西的代码 )

首先去掉原来的滚动条

<img src="javascript:document.getElementById('initd').style.overflow='hidden';"> <font color=red>gainover</font>

然后增加里面大小

<img src="javascript:

document.getElementById('initd').style.left='0';document.getElementById('initd').style.top='0';document.getElementById('initd').style.width='925';document.getElementById('initd').style.height='655';"></img><font color=red>gainover</font>

这样模块就可以在空间的任何位置移动了

这样FLASH就可以放在空间任意的位置了

主页播放器代码:
<EMBED src=http://www.zhuiluren.com/MusicBYSEA.swf width=460
height=650 type=application/x-shockwave-flash><DIV></DIV>

( 走马灯代码 )



来回走动的字

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1pxdotted"><marquee width="610" height="30" behavior=alternate><table style="FILTER:glo(color=#FF99FF,direction（趋势，指示）=2（大小，默认应是1）)">想要走动的字</font></table></marquee></td> </tr> </table>



单方向走动的字

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee width="610" height="30"><table style="FILTER:glow(color=#FF99FF,direction（趋势，指示）=2（大小，默认应是1）)"> ゛想要动的字 </font></table></marquee></td> </tr> </table>

( 无边框代码全集 )

图片无边框代码

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"> </textarea><IMG src="图片地址" border="0" width="图片的宽" height="图片的高">

FLASH无边框代码

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"></textarea><embed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="宽" height="高" play="true" loop="true" quality="high" scale="showall" menu="true"></embed></div>

透明FLASH无边框代码

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"> </textarea><EMBED src="FLASH地址" quality=high wmode="transparent" WIDTH="宽" HEIGHT="高" TYPE="application/x-shockwave-flash"></div>

图片像幻灯片一样变换的代码

<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">



( 顶部条透明代码 )

<img src="javascript:Mlogo.style.filter='alpha(opacity=30)';">

( 全部模块透明 )

<style>TABLE {FILTER: Alpha(opacity=40)}</style>



                    数字20用0-100中喜欢的不透明度代替。

                        100为不透明，0为完全看不见的透明（很可怕），

                              大家去试试吧，效果很有意思！

( 背景透明 )

<img src="javascript:all.style.filter='alpha(opacity=20)';">

                    数字20用0-100中喜欢的不透明度代替。

                 100为不透明，0为完全看不见的透明（很可怕），

                      大家去试试吧，效果很有意思！

( 不是黄砖一样能免费用黄转的东西 )

转载到我空间复制本文网址

   下面有大量关于物品ID的，好多人都不知道物品ID是什么，是怎么样来的

在这里我放在开头说明一下，你从网站QQ空间的主页登陆http://q-zone.qq.com，进去后，有个位置是点击进入你的空间的，进了你的空间后，点装扮空间，然后在网页上点反键，查看源文件

，出来一大堆代码，然后按F3，出来一个查找框，输入你看到的想要的物品的名字，点查找，然后就可以看到你要找的物品的名称，在你名字前面，可以看到和下面代码很像的一部分，里面就有那个物品的ID！

1。皮肤更改代码：（将物品ID更改成你想设置为皮肤图片的物品ID）

<img src="javascript:mall_changeItem('1','物品ID','0','0','0','0','0');"><font color=red>gainover</font>

示例：

<img src="javascript:mall_changeItem('1','1835,'0','0','0','0','0');"><font color=red>gainover</font>

--------------------------------------------------------------------

2。挂件填加代码：

<img src="javascript:space_addGJ('2', '物品ID', '横坐标', '竖坐标', '0', '0', '0');"><font color=red>gainover</font>

将物品ID更改成你想设置为使用图片的物品ID

横坐标是物品距离左边框的距离

竖坐标是物品距离上边框的距离

测试要放物品的坐标：    请点击这里

示例：

<img src="javascript:space_addGJ('2', '1834', '150', '150', '0', '0', '0');"><font color=red>gainover</font>

------------------------------------------------------------------------------

3。BANNER填加代码：

<img src="javascript:mall_changeItem('3','物品ID', '横坐标', '竖坐标','物品宽','物品高','0');"><font color=red>gainover</font>

将物品ID更改成你想设置为使用图片的物品ID

横坐标是物品距离左边框的距离

竖坐标是物品距离上边框的距离

因为挂件大小不一所以要注意图片大小来设定物品宽、高

测试要放物品的坐标：    请点击这里

示例：

<img src="javascript:mall_changeItem('3','236','700','440','190','146','0');"><font color=red>gainover</font>

-------------------------------------------------------------------------

4。鼠标更换代码：（将物品ID更改成你想设置为使用图片的物品ID）

<img src="javascript:mall_changeItem('4','物品ID','0','0','0','0','0');"><font color=red>gainover</font>

示例：

<img src="javascript:mall_changeItem('4','181','0','0','0','0','0');"><font color=red>gainover</font>

-------------------------------------------------------------------------

5。漂浮物更换代码：将物品ID更改成你想设置为使用图片的物品ID

<img src="javascript:mall_changeItem('5','物品ID','0','1','3','0','0');"><font color=red>gainover</font>

示例：

<img src="javascript:mall_changeItem('5','658','0','1','3','0','0');"><font color=red>gainover</font>

-------------------------------------------------------------------

6。播放器

<img src="javascript:mall_changeItem('6','物品ID','横坐标','竖坐标','宽','高','0');"><font color=red>gainover</font>

将物品ID更改成你想设置为使用图片的物品ID

横坐标是物品距离左边框的距离

竖坐标是物品距离上边框的距离

因为挂件大小不一所以要注意图片大小来设定物品宽、高

示例：

<img src="javascript:mall_changeItem('6','1475','713','1','210','120','0');"><font color=red>gainover</font>

新鼠标代码:

<img src="javascript:document.body.style.cursor='url(\'鼠标图片的地址\')';"><p>gainover</p>

另外我还为大家找到了一些鼠标图案：

01 绿色(http://images.jojoo.net/gif/mouse.cur)

02 花树枝 (http://yuhou.net/work/images/xw_answer/liujg_xw_answer_nor.cur)

03 小点跟随(http://yuhou.net/images/liujg_m030719.ani)

04 粉红玫瑰(http://yuhou.net/build/images/03.cur)

05 钥匙(http://asp.7i24.com/yhsjxe/book1/images/c.cur)

06 小手(http://asp.7i24.com/yhsjxe/book1/images/c2.cur)

07 短笔(http://asp.7i24.com/yhsjxe/links/01.cur)

08 太阳花(http://lssm.wx-e.com/images/lssm.ani)

09 小色杆(http://home.vipcp.net/kukumm/diary1/images/kuru2r.ani)

10 绿色样式剪头(http://lengku.net//index/mouse.ani)

11 银色样式剪头(http://nms.voline.net/aspsky/skins/dream/mouse.ani)

12 小老鼠(http://e.1asphost.com/xiayule/guest7/pic/1.ani)

13 有点像猫(http://asp2.6to23.com/whslj/lyb/pic/cur.ani)

14 美女头像(http://e.1asphost.com/xiayule/guest10/pic/cur.ani)

15 小红鼠(http://e.1asphost.com/xiayule/guest11/pic/cur.ani)

16 小粉猪(http://e.1asphost.com/xiayule/guest8/pic/cur.ani)

17 小美女加小煎头(http://e.1asphost.com/xiayule/guest12/pic/cur.ani)

18 蝴蝶(http://asp2.6to23.com/rlf/gb3/pic/cur.ani)

19 小钟点样式(http://asp2.6to23.com/peg3/clover3/pic/cur.ani)

20 十字(http://asp2.6to23.com/peg3/sky/pic/cross.ani)

21 样式剪头(http://asp2.6to23.com/peg3/sky/pic/cur.ani)

22 银杆(http://asp2.6to23.com/peg3/sd/pic/cur.cur)

23 带头粉红杆(http://asp2.6to23.com/peg3/sakura/pic/cur.ani)

24 两十字(http://www.bluenuo.com/gbbear/pic/cur.ani)

25 兔头(http://50net.com/book/img2/1.ani)

26 螺旋(http://50net.com/home/ani5.ani)

27 花(http://50net.com/forest/1.ico)

28 花(http://50net.com/forest/2.ico)

29 动态小鼠(http://www.kulongnvhai.com/free/pic/cur.ani)

30 尾动灰色(http://fhwep.lwang.net/Images/Wag3dg.ani)

31 三角(http://fhwep.lwang.net/Images/Wag3dw.ani)

说明：

后缀名为**.ico 的为静态

后缀名为**.cur 的为静态

后缀名为**.ani 的为动画

使用方法：进入空间，然后点右上角的自定义，然后选个性设置，然后选新建模板，然后把代码复制到评论里，在当前窗口打开。把另外的两个http://删除，就可以了。

如果先前就有一个模板，可以直接在模板里添加（模板可以继续插入其他内容，并不影响)

主页背景图和横幅代码:

<img src="javascript:document.getElementById('Mlogo').style.background='url(小图片地址也就是上面的横幅）';document.getElementById('all').style.background='url(大图片地址)';"><p>gainover</p>

小图片背景(横幅)透明的

<img src="javascript:document.getElementById('Mlogo').style.background='';document.getElementById('all').style.background='url(大图片地址)';"><p>gainover</p>

最新QQ空间特效代码大全，QQ个性特效代码

關於QQ空間的一切代碼沒特別說明都放到糢版的評論裏~~~
任何标记皆由"<"及">"所围住，如 <P>
标记名与小于号之间不能留有空白字符
参数只可加于起始标记中
在起始标记之标记名前加上符号"/"便是其终结标记，如 </P>
标记均成對出現，除了換行符<br>單獨使用以外
标记字母大小写皆可
接下來向大家簡單介紹一下幾個常用實用的標記：
<PRE> ● 预设格式令文件按照原始的排版方式显示 *好用，省去了頻繁插入<br>與<p>的煩惱
<FONT> ● 字形标记设定字形、大小、颜色 *例如
</textarea><font color="Blue" face="楷体_GB2312" size="5">文本效果為五號楷体_GB2312的?#123;色字體</font>
<font size=数字 face=字体名 color=颜色> 被设置的文字 </font>
         size用来设置文字的大小。数字的取值范围从1—7，size取1时最小，取7时最大。
         face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。
         color用来设置文字颜色
<BR> ○ 换行标记令字、画、表格等显示于下一行
<U> ● 加上底线加上底线
<STRIKE> ● 画线删除为字体加一删除线
<TABLE> ● 表格标记 *例如 </textarea><table border="5" width="320" bordercolor="Purple" bgcolor="Green" width="80%"><p align="center"><tr><td>第一列第一栏</td><td>第一列第二栏</td></tr></table></textarea>
<TR> ● 表格列 border="5"邊框寬度為5像素，bordercolor="Purple"邊框顔色為紫色
<TD> ● 表格栏 bgcolor="Green"表格背景顔色為綠色
align定义表格的对齐方式，有三个属性值center，left，right
background　定义表格的背景图案，属性值为图片的地址
bgcolor　定义表格的背景颜色，属性值是各种颜色代码
border　定义表格的边框宽度，属性值是数字
bordercolor　定义表格边框的颜色，属性值是各种颜色代码
cellpadding　定义单元格内容与单元格边框之间的距离，属性值是数字
cellspacing　定义表格中单元格之间的距离
height　定义表格的高度，属性值是数字
width定　义表格的宽度，属性值是数字
<A> ● 连结标记加入连结 *用于文字超鏈接與圖片的超鏈接，例如  <a href="http://44899910.q-zone.qq.com">欢迎来我的Q-ZONE看看</a>
圖片鏈接技巧：　<img>图片地址</img><a href="http://29751246.q-zone.qq.com" title="空間說明" target=_blank>
<BODY>     ○ 可以設置背景圖片 *例如  <BODY BACKGROUND="http://photoimg2.qq.com/cgi-bin/load_pic2?verify=zBT7ekIDmI%2FNx2U3OX1qng%3D%3D"> 　
● 屏蔽右鍵防止源碼輕易被盜取 *例如  <body oncontextmenu="return false">
● 网页无法另存  <no ><iframe src="/*>";</iframe></no >
●网页透明代码   <BODY background-color:transparent> 　
<EMBED>   ○ 多媒体加入背景音乐，Flash動畫或MV影像

揹景音乐 <bgsound src=http://………….wma>
① 播放背景音樂：<EMBED SRC="音樂源地址" autostart="true" loop="true" hidden="true">
（?#123;用的是計算機内的Windows Media Player播放器）
參數屬性解釋：autostart是否在音乐档下载完之后就自动播放。true 是，false 否
loop 是否自动反复播放。LOOP=2 表示重复两次，true 是，false 否
hidden 是否完全隐藏控制画面，true 为是，false 为否
STARTTIME="分:秒" 设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放
WIDTH="整数" 和 HIGH="整数" 设定控制面板的高度和宽度。(若 HIDDEN="false")
ALIGN="center" 设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole" 设定控制面板的外观。预设值是 console。
console 一般正常面板　　
smallconsole 较小的面板　　
playbutton 只显示播放按钮　　
pausecutton 只显示暂停按钮　　
stopbutton 只显示停止按钮　　
volumelever 只显示音量调节按钮

②贴rm,ra,ram类型的音乐，代码如下：
（?#123;用的是計算機内的Realplay播放器）
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="音樂地址";>

③播放Mid格式的音樂：
<embed src="音樂地址" type="audio/midi" hidden="false" autostart="true" loop="true" height="20" width="200"></embed>

④播放.Avi.Mpg格式的音樂：
<embed src="音樂地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>

⑤播放.Mp3.Mov格式的音樂：
<embed controller="true" width="200" height="20" src="音樂地址" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"></embed>

⑥贴midi,asf,wma,asx类型的音乐，代码如下：
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="音樂地址";>

⑦播放.Flash動畫：
</textarea><embed src="動畫地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="450" height="400" play="true" loop="true" quality="high" scale="showall" menu="true"></embed>

⑧播放透明.Flash動畫特效：
</textarea><embed src="透明動畫地址" wmode="transparent" style="position: absolute" width=380 height=270>

      關於字體顔色選擇器：http://www.7wind.net/wytx/qt/33.htm
Black 黑色, Olive 橄榄, Teal 小凫, Red 红色, Blue 蓝色, Maroon, Navy 海军, Gray 灰色, Lime 石灰,
Fuchsia 晚樱, White 白色, Green 绿色, Purple 紫色, Silver 银, Yellow 和黄, Aqua 水

關於50個透明動畫收集:http://sc.bobo4.com/sc/flash
關於Mtv音樂網站介紹：
http://app.tom.com/music/searchsong.php
http://www.10ms.edu.cn/
http://mtv.zzu.edu.cn/
http://music.zzu.edu.cn/
http://www.jx165.com/music/search.php
分享透明.Flash動畫特效部分(不定期添加神奇的动画，期待吧，将本頁加入收藏吧：）
http://imgfree.21cn.com/free/flash/33.swf 櫻花
http://imgfree.21cn.com/free/flash/25.swf 蚂蚁
http://imgfree.21cn.com/free/flash/27.swf水滴
http://imgfree.21cn.com/free/flash/33.swf飘花
http://imgfree.21cn.com/free/flash/38.swf漂叶
http://imgfree.21cn.com/free/flash/42.swf蒲公英
http://imgfree.21cn.com/free/flash/45.swf蝴蝶2
http://imgfree.21cn.com/free/flash/46.swf云
http://imgfree.21cn.com/free/flash/49.swf垃圾
http://imgfree.21cn.com/free/flash/50.swf摆
http://imgfree.21cn.com/free/flash/51.swf蜻蜓
http://imgfree.21cn.com/free/flash/52.swf落叶
http://imgfree.21cn.com/free/flash/53.swf掉糖
http://imgfree.21cn.com/free/flash/54.swf掉爱心
http://imgfree.21cn.com/free/flash/55.swf青蛙
http://imgfree.21cn.com/free/flash/57.swf鱼2
http://imgfree.21cn.com/free/flash/61.swf爱心2
http://imgfree.21cn.com/free/flash/62.swf礼花
http://imgfree.21cn.com/free/flash/63.swf落叶3
http://imgfree.21cn.com/free/flash/64.swf落叶4
http://imgfree.21cn.com/free/flash/65.swf掉水泡
http://imgfree.21cn.com/free/flash/66.swf 54321
http://imgfree.21cn.com/free/flash/69.swf老鹰
http://imgfree.21cn.com/free/flash/70.swf激光
http://imgfree.21cn.com/free/flash/72.swf鸽子
http://imgfree.21cn.com/free/flash/73.swf蓝水泡
http://imgfree.21cn.com/free/flash/74.swf蓝水泡2
http://imgfree.21cn.com/free/flash/75.swf鼠标特效
http://imgfree.21cn.com/free/flash/77.swf激光
http://imgfree.21cn.com/free/flash/78.swf鼠标时间
http://imgfree.21cn.com/free/flash/79.swf摆2
http://imgfree.21cn.com/free/flash/80.swf鼠标特效2
http://imgfree.21cn.com/free/flash/81.swf鼠标特效3
http://imgfree.21cn.com/free/flash/83.swf水泡2
http://imgfree.21cn.com/free/flash/84.swf光!
http://imgfree.21cn.com/free/flash/85.swf飘信
http://imgfree.21cn.com/free/flash/86.swf钟
http://imgfree.21cn.com/free/flash/87.swf鼠标特效4
http://imgfree.21cn.com/free/flash/88.swf烟火摆
http://imgfree.21cn.com/free/flash/89.swf光!!
http://imgfree.21cn.com/free/flash/90.swf魔方
http://imgfree.21cn.com/free/flash/92.swf网子
http://imgfree.21cn.com/free/flash/93.swf雷电
http://imgfree.21cn.com/free/flash/94.swf激光2

髮光的字代碼： <table style="FILTER: glow(color=#6CABE7,direction=2)"><font color=#ffffff size=2>Jiro髮光字哦~~</font></table>

浮彫的文字     <table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>Jiro浮彫字哦~~</font></table>
       color是阴影的颜色，可以配合网页色调改变，
       positive是设置阴影的强度。
       offx;offy是设置的阴影和文字的距离。
       font color是原字体的颜色。

隂影的文字.
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>Jiro隂影字哦~~</font></table>

说明:  有了它，你的页面就不会出现错误提示了。

效果:  自己试试看!

代码如下：

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>

TXT文档代码制作：

漂浮图片连接TXT代码：

<SCRIPT LANGUAGE="JavaScript1.2">



</SCRIPT>

( 上升大图代码 )

注明：此代码有的时候不一定生效，要看你使用的浏览器类型以及相关安全设置而定

大图的代码

<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; //完全显示后停留毫秒数

var w3seah=20; //与底部距离

var w3seaw=20; //与最右边距离

var msg="   <span style=\"width:100%;font-weight:bold;color:#ffffff;font-size:22px;text-align: center;\"></span>"; //内容，可以使用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>

( 飞出小鸟 )

下面是一个绿色的小鸟，看不贯魔法老人的，不妨用用这个

注明：此代码有的时候不一定生效，要看你使用的浏览器类型以及相关安全设置而定

代码如下

<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>

注明：此代码有的时候不一定生效，要看你使用的浏览器类型以及相关安全设置而定

代码区

<SCRIPT>



　　 </SCRIPT>

<SCRIPT>

</SCRIPT>

把这个代码保存为txt 然后上传

再用这个代码保存在评论里就可以了，代码如下

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

( 兰色啊拉丁 )

这个虽然能出来效果，不过比起原来，效果要差的多啊！

这就是我一直不说的原因！

注明：此代码有的时候不一定生效，要看你使用的浏览器类型以及相关安全设置而定

代码区

<script>



</script>

把这个代码保存为txt 然后上传

再用这个代码保存在评论里就可以了，代码如下

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

下面就以我的空间为例,说明怎么制作做一个嵌入式的MTV(适合入门级别的网页初学者)
废话就不说了，照下面写的做，保证你可以做得到：
1)新建一个模块,内容如下:
    模块名称:版权或任意(你可以使用<>括住这样模块就不会有标题了);
    添加内容:
      "链接名称*": 版权声明(可留空不填)
      "网址": 留空
      "评论":(这段适合不养花的朋友) <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>

      养花的朋友: <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这个命令修改了首页代码,它的功能是取得、替换标签的值;这里就是通过它修改了首页偏上右方的"留言板",查看Q-ZONE首页代码可知:
<td align="center" id="bt_4" class="bt_off" onClick="guideButton(4)">留言板</td>
也就是说我们使用parent.bt_4.innerHTML="要修改的值"就可以将"留言板"改成"要修改的值了",understand?
不明白不要紧,为了让代码比较完整我没有将window.parent写成parent,其实有parent就足够了.我们只要知道标签的name,那么可以轻易的对它的值进行修改.

3)接下来粗略地讲解代码:
       <center><font color=yellow>欢迎大家光临我的Q-ZONE,一定要到我的留言板留言和到日志里逛逛哦!</font></center>
       这一段是用来掩饰的.掩饰什么?...你总不能让一个新的模块空荡荡的吧?当然,如果你的图片足够大,就不需要,但是大图片载入需要时间,所以用文字来挡着,嘿嘿.要知道我使用的图片就一丁点小,载入几乎不费时间的.

       <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>
(以不养花的代码为例)这里是关键了,img中的onload=后面指定了图片完全载入后执行的命令,我们让它执行window.parent.bt_4.innerHTML='内容'就可以将留言板的文字改变了,但是我们的目的不在于改变留言板的文字,它的值还是"留言板"而是要在这里插入一个div,div里面包含一个页面,就是我们的播放器了,然后将div定位在右下角的适合位置,这样就相当于将播放器嵌入首页了.
       大家可以参考我的这个div属性里,width:210;(宽度210点),height:230;(高度230点),left:715(左边距715点),top:390(顶边距390点),这是我设置的播放器定位和控件大小,如果你觉得不理想可以自己改这里(注意只能必变它的位置,想改大小,还要调整mymvplay.htm...麻烦的话可以不改它,反过来把其他物品摆到另一个地方是一样的)
      在修改div的宽度和高度后,还需要将后面的<iframe>里面的宽度和高度也调整一下,设置成一样就好.其它的可以不做修改.

        src="http://photoimg21.qq.com/cgi-bin/load_pic2?verify=ZaIDcYSb26C9He6ER6c9Tw%3D%3D"
        这一段指定了载入哪一张图片,一般不必改了,这是在我相册里存的一个小点点,才522字节...(注意如果图片找不到的话是永远不会执行onload后面的代码的.)

4)成功加载了MTV播放器是不是很高兴吖?那你就要面对下面这些问题了:
本段代码使用的页面是我提供的.就是说要完全修改掉它,你要有自己的空间,并且有自己的播放器(mymvplay.htm),下面是我的播放器源码:
要不然我将mymvplay.htm从我的服务器上删除了,使用这段代码的网页都会出问题.只要你有空间就将下面的代码保存为mymvplay.htm然后上传到自己的空间里,将<iframe src=后面的代码改成:src=http://你的空间/mymvplay.htm,并且将后面的图片地址改一改,这样不会受到我的服务器的影响了:(送大家一个免费空间申请地址http://www.space163.com)
如果前面的代码你没有改变,就不用理会下面这些了,直接跳到后面吧.

主页幻灯片一样可操作的图片，是以前编写文档上传的，之前自己也实验过好多次，真的比较复杂，不想公布后一些人又抱怨代码错误什么的，所以就没有说出来
现在有个和这个相似的比较简单容易使用的幻灯片代码，效果也不错的
代码如下：

<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">

这个代码直接带入地址后再上传文档就可以了．
大家把大写的直接转为小写的&在直接复制就可以了

先看清楚上面２排字，不要说不可以了，我主页就做出来了
<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>

显现图片超连接代码：

<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">
(这条代码可以防止日记源代码轻易被盜取,推荐使用)

网页无法另存代码
</textarea><noscript><iframe src=*></iframe></noscript>

网页透明代码 </textarea><body background-color:transparent>