网页设计中收集的一些很实用的代码

）

天气预报代码

第一款
<iframe name="I1" src="//weather.qq.com/inc/ss150.htm" width="250" height="240">
</iframe>
第二款：
<iframe name="I1" src="//panel.qq.com/hd/weather.shtml" width="300" height="250">
第三款：
<iframe name="I1" src="//minisite.qq.com/Weather/qqmini.html" width="300" height="250">

添加一个许愿的板块

许下心愿，送上祝福

第一款许愿版

首先先到以下网址申请许愿版
http://free.ecaifly.com/wish/register.asp

接着把你自己许愿版的地址复制下来，使用代码
<iframe name="I1" src="网站地址" width="450" height="550">
</iframe>

第二款许愿版

首先先到以下网址申请许愿版
http://www.qqpet.com/wish/wishadmin.asp?action=apply

把你自己许愿版的地址复制下来，使用代码
<iframe name="I1" src="网站地址" width="450" height="550">
</iframe>

主页加滚动新闻

CCTV代码：

新浪代码：

背景音乐代码

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器)

</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器)

1.如何得到音乐地址...
首先打开百度音乐搜索 http://mp3.baidu.com
输入歌名..格式(只能是MP3和WMA)→查找

找到歌曲..点试听..
注意:要能听见的..而且听起来不卡的....!!!!(重要)

试听里边有个播放器..播放器右上方有个地址..
右键点击地址...→复制快捷方式

进入音乐盒..点添加
把歌曲地址复制到这里..

添加好以后要在歌曲后边的绿色加号上打勾才能自动播放..!(重要)

温馨提示：由于日记标题有字数限制，所以请大家选择较短的音乐地址，否则背景音乐将失效

视频MTV代码(地址要以.rm/.wmv/.asf/.avi/.mpg结尾)

(播放器的大小可以自己调整代码中的数值，只需改height =“高度”，width =“宽度”)

以.wmv或者.asf结尾:

</textarea><embed src=http://你的视频文件地址 width=360 height=280 loop= true>

以.rm结尾:

</textarea><embed src=http://你的视频文件地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124

width=180 autostart=true loop=true>

以.avi或者.mpg结尾:

</textarea><embed src="音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>

小技巧，想要当你的好友一登陆你的空间就能马上听到最新的音乐视听吗? 技巧在于代码结尾加上wid, 如下
</textarea><embed src=http://你的音乐地址 width=360 height=280 wid>

不要钱换个性鼠标

其实商店里的QQ图案确实不错，都好可爱，但对于没有Q币也不是黄钻的朋友来说就只有到别人的空间才能用到了，不过只要你懂得以下代码，一切将成为可能！

代码如下：
<img src="小图片地址，随便找一个" onload="document.body.style.cursor=‘url(\‘鼠标图片的地址\‘)‘">

例子： <img src="/UploadFile/News/200610/20061018103103653.gif" onload="document.body.style.cursor=‘url(\‘http://www.webcursors.co.uk/mousepointers/ballerinacross.ani\‘)‘">

另外我还为大家找到了一些鼠标图案：
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 的为动画

只要把以上代码插入到新建模板的评论中就可以了（模板可以继续插入其他内容，并不影响）

屏蔽右鍵代码 </textarea><body oncontextmenu="return false"> (这条代码可以防止日记源代码轻易被盜取,推荐使用)

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

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

Flash代码（09/09/05更新） [代码中的Flash地址就是网上以.swf结尾的网址]

代码1：</textarea}<embed src=你的Flash地址 wmode=transparent

width=380 height=270}

代码2：</textarea><embed align=middle src=你的FLASH地址

width=400 height=350 type=application/x-shockwave-flash></p>

代码3：</textarea}<embed src=你的flash地址 wmode=transparent

style="position absolute">

插入透明Flash[代码中的Flash特效地址就是网上以.swf结尾的网址]

</textarea><IMG src="你图片的地址" border="0" width="646" height="220"><embed src="你要插的透明falsh的地址"; width="300" height="380" quality="high" wmode="transparent" align="right" style="position: absolute; left:0; top:0">

透明FLASH插入

透明水珠 http://lain1978.com/collection/flash/008.swf
黄色花瓣 http://lain1978.com/collection/flash/007.swf
心 http://lain1978.com/collection/flash/006.swf
蓝色雪花 http://lain1978.com/collection/flash/005.swf
移动的箭头 http://lain1978.com/collection/flash/arrow1.swf
太阳光晕 http://lain1978.com/collection/flash/e-sunshine.swf
冰淇淋 http://lain1978.com/collection/flash/e-icecream.swf
海底世界 http://lain1978.com/collection/flash/e-summertube.swf
Matrix http://lain1978.com/collection/flash/e-matrix.swf
春雨绵绵（推荐）http://lain1978.com/collection/flash/e-spring2.swf
彩色金鱼 http://lain1978.com/collection/flash/fish.swf
蝴蝶飞飞 http://lain1978.com/collection/flash/fly.swf
雪花飘飘 http://lain1978.com/collection/flash/snow.swf
雨（推荐）http://lain1978.com/collection/flash/rain.swf
移动的横线 http://lain1978.com/collection/flash/hengline1.swf
礼花绽放 http://bbs.flasher123.com/UploadFile/2004-5/20045915485951073.swf
若有若无 http://bbs.flasher123.com/UploadFile/2004-5/20045915493864839.swf
飞翔小球 http://bbs.flasher123.com/UploadFile/2004-5/20045912375165288.swf
五彩星星 http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf
彩色螺旋 http://bbs.flasher123.com/Upload ... 442814445969367.swf
变幻刺球 http://bbs.flasher123.com/Upload ... 442814451333557.swf
窗外树枝 http://kisetu.chu.jp/flash/sinryoku/sinryoku01.swf
绿枝白云 http://kisetu.chu.jp/flash/sinryoku/sinryoku02.swf
落花青山 http://kisetu.chu.jp/flash/nanohana/nanohana.swf
山和花云 http://kisetu.chu.jp/flash/sakura/sakura1.swf
浮云流水 http://kisetu.chu.jp/flash/sakura/sakura2.swf
欢迎welcome http://kisetu.chu.jp/flash/0205/0205_2.swf
泳装美人 http://www.nice.or.jp/~mosmos/free/f703.swf
飘雪寒冬 http://www.nice.or.jp/~mosmos/free/f903.swf
蛋蛋小人 http://www.nice.or.jp/~mosmos/nice_topic/hinamaturi.swf
白鹅戏水 http://www.nice.or.jp/~mosmos/nice_topic/hakucho.swf
梦飞女孩 http://www.nice.or.jp/~mosmos/free/f110.swf
落叶女孩 http://www.nice.or.jp/~mosmos/free/f111.swf
芦苇女人 http://www.nice.or.jp/~mosmos/free/f105.swf
静静等候 http://www.nice.or.jp/~mosmos/free/f102.swf
静谧夜空 http://www.nice.or.jp/~mosmos/free/f101.swf
骑车女孩 http://www.nice.or.jp/~mosmos/free/f601.swf
鱼戏莲叶 http://zqbbs.netsh.com/usr/12/12_191_15.swf
老鼠戏鱼 http://zqbbs.netsh.com/usr/12/12_191_17.swf
二人双跳 http://www.wodukom.com/jieoy/oyxm/new1/hssl4.swf
海边美女 http://www.wodukom.com/jieoy/oyxm/new1/hssl5.swf
下雨特效 http://wujiren.jahee.com/main/img/1.swf
转盘与星 http://wujiren.jahee.com/main/img/2.swf
光芒四射 http://wujiren.jahee.com/main/img/3.swf
移动竖条 http://0576.realqq.com/ycs/web/qiaoran/tupian\1.swf
泡泡上升 http://mtv.vicn.com/upload/200451696983463.swf
礼花绽放 http://wanruo.jahee.com/jpsc/flash2/028.swf
飞舞彩光 http://wanruo.jahee.com/jpsc/flash2/038.swf
桃叶飞舞 http://wanruo.jahee.com/jpsc/flash2/053.swf
绿心雨 http://wanruo.jahee.com/jpsc/flash/37.swf
白色小花 http://wanruo.jahee.com/jpsc/flash/42.swf
黄叶横飞 http://wanruo.jahee.com/jpsc/flash/50.swf
下落光线 http://www.hmdfc.com/bbs/UpFiles/31.swf
景色之一 http://www.wodukom.com/jieoy/oyxm/new1/hssl(znrs).swf
海市蜃楼 http://www.wodukom.com/jieoy/oyxm/new1/hssl2.swf
舞海小人 http://www.wodukom.com/jieoy/oyxm/new1/hssl4.swf
海边美女 http://www.wodukom.com/jieoy/oyxm/new1/hssl5.swf
三女舞海 http://www.wodukom.com/jieoy/oyxm/new1/hssl6.swf
青山绿水奔马 http://www.wodukom.com/jieoy/oyxm/new1/hssl7.swf
雨中蛙跳 http://wanruo.jahee.com/jpsc/flash/17.swf
群星闪烁 http://wanruo.jahee.com/jpsc/flash/18.swf
闪耀的光芒 http://wanruo.jahee.com/jpsc/flash/20.swf
飞舞箭头 http://0576.realqq.com/ycs/web/qiaoran/tupian/bak.swf
彩虹线条 http://0576.realqq.com/ycs/web/qiaoran/tupian\caihong.swf
自由小鱼 http://0576.realqq.com/ycs/web/qiaoran/tupian\fish.swf
小丑鱼 http://0576.realqq.com/ycs/web/qiaoran/tupian\fish1.swf
蓝色蝴蝶http://0576.realqq.com/ycs/web/qiaoran/tupian\hudie.swf
转动的圆 http://0576.realqq.com/ycs/web/qiaoran/tupian\index1.swf
闪动的光 http://0576.realqq.com/ycs/web/qiaoran/tupian\line-1.swf
移动光条 http://0576.realqq.com/ycs/web/qiaoran/tupian\line.swf
移动竖条二 http://0576.realqq.com/ycs/web/qiaoran/tupian\line-1.swf
移动竖条三 http://0576.realqq.com/ycs/web/qiaoran/tupian\line-2.swf
太阳光芒 http://0576.realqq.com/ycs/web/qiaoran/tupian\logo.swf
转动的星 http://0576.realqq.com/ycs/web/qiaoran/tupian\maintu.swf
横移光条 http://0576.realqq.com/ycs/web/qiaoran/tupian\myfile.swf
舞动的星 http://0576.realqq.com/ycs/web/qiaoran/tupian\star.swf
正门边形 http://0576.realqq.com/ycs/web/qiaoran/tupian\top(1).swf
移动竖条四 http://0576.realqq.com/ycs/web/qiaoran/tupian\top.swf
飞跑的箭头 http://0576.realqq.com/ycs/web/qiaoran/tupian\top1.swf
彩色波浪 http://0576.realqq.com/ycs/web/qiaoran/tupian\xh.swf
相对的箭头 http://0576.realqq.com/ycs/web/qiaoran/tupian\xiantiao-1.swf
小竖条 http://0576.realqq.com/ycs/web/qiaoran/tupian\xisa.swf
光标跟随 http://0576.realqq.com/ycs/web/qiaoran/tupian\xuanjuan1.swf
转动的彩星 http://mtv.vicn.com/upload/2004516993294818.swf
小小泡泡 http://lain1978.com/collection/flash/008.swf
很快的雨 http://lain1978.com/collection/flash/rain.swf
太阳光圈 http://love.xaonline.com/upload/2004719/UF604426.swf
枫叶飘飘 http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf
乱花迷眼 http://mtv.vicn.com/upload/200442623281439992.swf
黄芒四射 http://mtv.vicn.com/upload/200442623295677137.swf
滴水晕纹 http://mtv.vicn.com/upload/20045168591873702.swf
波浪圆光 http://mtv.vicn.com/upload/2004516952654584.swf
横动光线 http://wanruo.jahee.com/jpsc/flash/21.swf
横动光2 http://wanruo.jahee.com/jpsc/flash/22.swf
横动光3 http://wanruo.jahee.com/jpsc/flash/23.swf
转动光芒 http://wanruo.jahee.com/jpsc/flash/24.swf
大圈水纹 http://wanruo.jahee.com/jpsc/flash/25.swf
雪花飘飘 http://wanruo.jahee.com/jpsc/flash/26.swf
蚂蚁乱爬 http://wanruo.jahee.com/jpsc/flash/27.swf
水滴渗透 http://wanruo.jahee.com/jpsc/flash/29.swf
圆里的波浪 http://wanruo.jahee.com/jpsc/flash/30.swf
飞舞蜻蜒 http://wanruo.jahee.com/jpsc/flash/34.swf
下落的冰淇淋 http://wanruo.jahee.com/jpsc/flash/36.swf
两只跳蛙 http://wanruo.jahee.com/jpsc/flash/38.swf
鱼和泡泡 http://wanruo.jahee.com/jpsc/flash/40.swf
好象下雪 http://wanruo.jahee.com/jpsc/flash/43.swf
风中的小丫头 http://wanruo.jahee.com/jpsc/flash/44.swf
粉色小花 http://wanruo.jahee.com/jpsc/flash/45.swf
闪电流星 http://wanruo.jahee.com/jpsc/flash/47.swf
飞吻花 http://wanruo.jahee.com/jpsc/flash/48.swf
光和线条 http://wanruo.jahee.com/jpsc/flash/49.swf
许愿流星 http://wanruo.jahee.com/jpsc/flash/51.swf
蒲公英http://wanruo.jahee.com/jpsc/flash/53.swf
雨中花 http://wanruo.jahee.com/jpsc/flash/62.swf
一群飞雁 http://wanruo.jahee.com/jpsc/flash/60.swf
红云悠悠 http://wanruo.jahee.com/jpsc/flash/57.swf
移庠?http://wanruo.jahee.com/jpsc/flash/59.swf
黄蝶飞 http://wanruo.jahee.com/jpsc/flash/56.swf
飞叶 http://wanruo.jahee.com/jpsc/flash/50.swf
打靶光环 http://wanruo.jahee.com/jpsc/flash/52.swf

图片上下移动代码

图片从下往上移动的友情连接代码。效果可以在我主页看到
新建立一个模块，然后将下面的代码加入评论中！
你只需要修改代码中，中文部分，连接地址=你朋友的地址
图片地址=你朋友的LOGO图片地址

<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()"

onmouseout="this.start()"><a target="cont" href="连接地址"><img src="//图片地址" width="88" height="33"

border="0"></a></marquee>

这是一个移动的，如果你要多个的话就这样
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()"

onmouseout="this.start()"><a target="cont" href="连接地址"><img src="//图片地址" width="88" height="33"

border="0"></a><a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a></marquee>

对比就看出来了，下面多出段
<a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a>

就这样，你每多一个连接你就多插进去一段！

滚动字代码

直接显示网站代码

滚动字代码

直接显示网站代码

在一副图片中插入你想移动的文字

<TABLE height=300 cellPadding=10 width=500 align=center background=图片地址 border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>插入文字</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>插入文字</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>插入文字</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>插入文字<BR>
插入文字</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
你可以用记事本写下,上传后得到一个地址,然后在空间上插入该地址即可

修改字体和颜色

<FONT>字形标记设定字形、大小、颜色 <font size=数字 face=字体名 color=颜色> 被设置的文字 </font>

只修改字的颜色 </textarea><font color=#ff0000>要修改字体和颜色的字</font> 好看的字体颜色有： #ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520)

只修改字的大小 </textarea><font size=5>要修改字体和颜色的字</font> size用来设置文字的大小。数字的取值范围从1—7，size取1时最小，取7时最大。

只修改字的字体 </textarea><font face=华文行楷>要修改字体和颜色的字</font> face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。

同时修改字的颜色,大小,字体 </textarea><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字</font>

<b>加粗</b> 加粗
<i>斜体</i> 斜体
<u>加下划线</u> 加下划线
<s>加删除线</s> 加删除线
<PRE>预设格式令文件按照原始的排版方式显示 *好用，省去了频繁插入<br>与<p>的烦恼

给大家推荐几个常用颜色值:
蓝色 #0000FF
黑色 black
红色 #FF0000
红紫色 #FF00FF
紫色 #9900FF
中黑色 #333333
浅黑色 #666666
亮绿色 #00FF00
亮黄色 #FFFF00
亮[蓝+绿] #00FFFF

艺术字代码

发光文字代码

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>你要的文字</font>

</table>

其中color 是阴影的颜色，可以配合网页色调改变，direction 是设置阴影的强度。font color是原字体的颜色。

3D文字效果代码：
<style type="text/css">
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }
</style>
<table border="0" width="100%">
<tr>
<td width="100%" class="3dfont"><font color="#008040">文字</font>

浮雕的文字
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">

<font color=#0000FF>你要的文字</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>你要的文字</font>

</table>

文本框字体

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定

<TR> 表格列 border="5"边框宽度为5像素，bordercolor="Purple"边框顔色为紫色

<TD> 表格栏 bgcolor="Green"表格背景顔色为绿色

插入表格

</textarea><table border="2" width="340" bordercolor="#0000ff" bgcolor="#cococo">

<tr>

</tr>

</table></tex:area>

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

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

其他html代码
代码
相关作用
<br>
换行
<p>一段文字</p>
段落
<bgcolor="#00FF00">
背景颜色(#00FF00为绿色)
<text="#0000FF">
字体颜色(#0000FF为蓝色)
<p align="left">文字</p>
文字左对齐
<p align="center">文字</p>
文字居中
<p align="right">文字</p>
文字右对齐

插入滚动图片和字的做法

图片滚动方向可以修改红字UP UP 上 DOWN 下 LEFT 左 RIGHT 右

后面的数字表示图片宽度可以根据需要修改.

滚动字做法:可以配合
颜色代码使用.代码中的汉字换成你想要的字,加入新建板块的评论里,网址和图片那什么都不要.
实践出真知,大家多试试,一定会成功的!

</textarea><table style="FILTER: glow(color=#FCE0E2,direction=1)"><font color=#00AEEF size=4>
<marquee onmouseover=this.stop() onmouseout=this.start() direction=up scrollamount=4>
<p align="center">加上你喜欢的字,试试效果吧! </p>
</marquee>
</font>
</table>

滚动字颜色可以在以上的代码中修改!!

<marquee scrollamount=1>
文字很慢滚。
</marquee>

<marquee onmouseover=this.stop() onmouseout=this.start() >
鼠标放上去停止滚动，移开继续滚动。
</marquee>

<marquee direction=left scrollamount=3>
文字向左滚。
</marquee>

<marquee direction=right scrollamount=3>
文字向右滚。
</marquee>

<marquee direction=up scrollamount=3>
文字向上滚。
</marquee>

<marquee direction=down scrollamount=3>
文字向下滚。
</marquee>

<marquee scrollamount=3 behavior=alternate>
文字来回滚。
</marquee>

钟表的插入

http://free1.e-168.cn/fengzhuju/previews/clocks/clock1.swf

http://free1.e-168.cn/fengzhuju/previews/clocks/clock2.swf

－－中间自己加进去－－

http://free1.e-168.cn/fengzhuju/previews/clocks/clock142.swf

http://bg.e-yu.cn/fh/fl/yasaic-c.swf
http://bg.e-yu.cn/fh/fl/sabotenc-c.swf
http://bbs.etp21.com/UploadFile/2005-4/20054112122322405.swf

http://lizi50.dnsmy.com/shizhongku/clock2.swf
http://lizi50.dnsmy.com/shizhongku/Clock3.swf

中间自己加进去

http://lizi50.dnsmy.com/shizhongku/Clock128.swf
http://lizi50.dnsmy.com/shizhongku/Clock129.swf

代码1：<div align="center"><iframe width="150" height="150" src="时钟地址"></iframe></div>

代码2：<div align="center"><iframe width="150" height="150" src="时钟地址"></iframe></div>

代码3：<embed src=‘时钟的连接地址‘quality=high pluginspage=‘http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash‘ type=‘application/x-shockwave-flash‘ width=100(宽) height=100(高)></embed>

温馨提示：其中宽和高是 FLASH显示出来的宽度和高度

把以上代码放在新建版快的评论栏中，保存就可以显示一个漂亮的时钟！

导航小人具体制作

新建TXT文档（windows里面的记事本），写下以下HTML代码

<SCRIPT>
<!--
function crml(nid)
{
try
{
nid=new ActiveXObject("Agent.Control.2");
nid.Connected = true;
nid.Characters.Load("");
return nid;
}
catch (err)
{
return false;
}
}

function chplay ()
{
if (ml=crml ("ml"))
{
var MerlinID;
var MerlinACS;
Merlin = ml.Characters.Character(MerlinID);
Merlin.MoveTo(200,200);
Merlin.Show();
Merlin.Play("Explain");
Merlin.Play("Announce");
Merlin.Speak("欢迎您来");
Merlin.Play("Gestureright");
Merlin.Play("Pleased");
Merlin.Speak("我的网址请记住");
Merlin.Play("Idle1_1");
Merlin.Hide();
Merlin.MoveTo(600,300);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("请四处看看！");
Merlin.Play("Read");
Merlin.Speak("帮忙灌下水哦!!再发表一点点意见");
Merlin.Play("Read")
Merlin.Play("GestureUp");
Merlin.Speak("如果您看的上的我帖子的话。尽管转走");
Merlin.Play("DontRecognize");
Merlin.Speak("感谢您的到来！");
Merlin.Play("DontRecognize");
Merlin.Play("Greet");
Merlin.Speak("你的每一次到来");
Merlin.Play("Read");
Merlin.Speak("我都会在这里祝福你");
Merlin.Play("Gestureright");
Merlin.Play("Pleased");
Merlin.Speak("你的支持.才是我的动力");
Merlin.Play("Idle1_1");
Merlin.Hide();
Merlin.MoveTo(600,300);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Play("DontRecognize");
Merlin.Play("Greet");
Merlin.Speak("快给我点好的意见把`.或者联系我");
Merlin.Play("DontRecognize");
Merlin.Play("Greet");
Merlin.Speak("如果喜欢我的空间！您可以加为关注");
Merlin.Play("Read");
Merlin.Play("Greet");
Merlin.Hide();
Merlin.MoveTo(500,300);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("以后要常来哟`更多好玩的等着你");
Merlin.Play("Surprised");
Merlin.Speak("我在这里祝您天天开心");
Merlin.Play("Read");
Merlin.Speak("88!下次再见.以后");
Merlin.Play("Greet");
Merlin.Play("Surprised");
Merlin.Hide();
}
}
//-->
   </SCRIPT>

<SCRIPT language=JavaScript><!--

function getCookieVal(offset)

{var endstr=document.cookie.indexOf(";",offset);if(endstr==-1)

endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}function GetCookie(name)

{var arg=name+"=";var alen=arg.length;var clen=document.cookie.length;var i=0;while(i<clen)

{var j=i+alen;if(document.cookie.substring(i,j)==arg)

return getCookieVal(j);i=document.cookie.indexOf(" ",i)+1;if(i==0)

break;

}return null;}function SetCookie(name,value)

{var argv=SetCookie.arguments;var argc=SetCookie.arguments.length;var expires=(2<argc)?argv[2]:null;var path=(3<argc)?argv[3]:null;var domain=(4<argc)?argv[4]:null;var secure=(5<argc)?argv[5]:false;document.cookie=name+"="+escape(value)+((expires==null)?"":("; expire*="+**pires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");}function ResetCounts(name)

{visits=0;SetCookie("visits",visit*,**pdate,"/",null,false);location.reload();}

//-->

</SCRIPT>
</HEAD>
</body>
</html>

温馨提示：代码里面的欢迎词大家可以随意修改的。

最后保存做好的文档,去可以上传txt文件的地方上传该文档

复制地址栏的地址然后将其套用在这个代码里面：

这个是做好了的大家可以参考<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="//210.54.62.41/bbsxp/images/upfile/2005991529.txt"></iframe>

温馨提示：小人和欢迎设置代码可以同时放入一个文本文件里。。

弹出窗口代码样式1：
<BODY oncontextmenu=self.event.returnValue=false>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid #000000\" width=\"220\" height=\"145\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=\"弹出窗口图片的地址" >";
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: #ffffff; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1450){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1350&&popTop<1450){
oPopup.show(screen.width-145,screen.height,220,1450-popTop);
}else if(popTop>1330&&popTop<1350){
oPopup.show(screen.width-145,screen.height+(popTop-1450),220,145);
}else if(popTop<145){
oPopup.show(screen.width-145,screen.height,220,popTop);
}else if(popTop<220){
oPopup.show(screen.width-145,screen.height-popTop,220,145);
}
popTop+=10;
var mytime=setTimeout("popshow();",100);
}
popmsg(" <P><FONT color=#09f709><P></FONT> ");
</SCRIPT>
</body>

弹出窗口   代码样式2：
<BODY oncontextmenu=self.event.returnValue=false>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid #000000\" width=\"220\" height=\"145\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=\"http://广告框背景图址\" >";
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: #ffffff; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1450){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1350&&popTop<1450){
oPopup.show(screen.width-145,screen.height,220,1450-popTop);
}else if(popTop>1330&&popTop<1350){
oPopup.show(screen.width-145,screen.height+(popTop-1450),220,145);
}else if(popTop<145){
oPopup.show(screen.width-145,screen.height,220,popTop);
}else if(popTop<220){
oPopup.show(screen.width-145,screen.height-popTop,220,145);
}
popTop+=10;
var mytime=setTimeout("popshow();",100);
}
popmsg("   <P><FONT color=颜色>你想说的话<P>你想说的话<P>你想说的话</FONT> ");
</SCRIPT>
</body>

最后保存做好的文档,去可以上传txt文件的地方上传该文档

我推荐几个地方给大家：
http://blog.bokee.com/
http://www.139.com/index.aspx
http://210.54.62.41/bbsxp/ （这个要先注册才能上传）

复制地址栏的地址然后将其套用在这个代码里面：

删除导航条代码：

添加LOGO代码：

1.<img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:60px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(1); align=center background=/UploadFile/News/200610/20061018103121326.gif>?主页Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

⒉ <img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:100px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(2); align=center background=/UploadFile/News/200610/20061018103124434.gif>?日志Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

3.<img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:140px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(3); align=center background=/UploadFile/News/200610/20061018103124787.gif>?音乐Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

4.<img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:180px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(4); align=center background=/UploadFile/News/200610/20061018103125583.gif>?留言Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

5.<img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:220px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(5); align=center background=/UploadFile/News/200610/20061018103125479.gif>?相册Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

6.<img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:260px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(7); align=center background=/UploadFile/News/200610/20061018103125832.gif>?资料Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

7.<img src="/UploadFile/News/200610/20061018103103653.gif" onload="Mlogo.innerHTML+=‘<div style=\‘position:absolute;top:300px;right:100;width:110;\‘><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 onmouseover=this.style.cursor=\‘hand\‘;><tr><td width=13 background=></td></td><td onclick=guideButton(8); align=center background=/UploadFile/News/200610/20061018103125618.gif>?互动Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

网页导航条

如果大家看完我前面的系列教程，可能会觉得这些东西不痛不痒，没多少水平，在网上随便可以找到，那现在开始我就说高级一点的技术了！
    主页上方插入了网页导航条，这对于所有正规的网站来说都是必需的，希望大家也学一学。
    代码如下：
<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" （边框颜色）border="0">
<tbody>
<tr bgcolor="#FFFFFF"（背景颜色） height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>

提示：大家可以在表格内容里插入图片连接代码，或者是文字连接代码

1。将文字连接插入到表格中
我做个示范：
这个是文字连接代码 [提示：您只需要修改其中的文字和网站]
<a href="http://2882833.q-zone.qq.com">秀气蓝冰儿</a>

然后插入:<td><div align="center">表格内容</div></td>中

插入之后：<td><div align="center"><a href="http://2882833.q-zone.qq.com">冰封王国</a></div></td>

2。将图片连接插入到表格中
这个是图片连接代码    [提示：您只需要修改其中的文字和网站]
<a href="连接地址">
<img border="0" src="图片地址" width="85" height="84"></a>
其中 85是图片的宽84是高，你可以修改这2个数字来将图片改大改小

插入到表格代码 <td><div align="center">表格内容</div></td> 中

插入之后:<td><div align="center"><a href="连接地址">
<img border="0" src="图片地址" width="85" height="84"></a></div></td>

设为首页代码：

加入收藏代码：

记数器无边框代码：

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"></textarea> 您是第 <img border="0" src="计数器地址" alt="Web Counters"> 位访客。欢迎您的到来！！</div>

整人代码

效果示范地址：http://210.54.62.41/bbsxp/images/upfile/200593122844.txt

代码如下
<iframe name="I1" src="//210.54.62.41/bbsxp/images/upfile/200593122844.txt" width="200" height="250">
</iframe>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。