网站制作实用代码--HTML
实用代码
转自: http://redly.bokee.com/3816774.html
整人代码
效果示范地址：http://210.54.62.41/bbsxp/images/upfile/200593122844.txt
代码如下
<iframe name="I1" src="http://210.54.62.41/bbsxp/images/upfile/200593122844.txt" width="200" height="250">
</iframe>
天气预报代码
第一款
<iframe name="I1" src="http://weather.qq.com/inc/ss150.htm" width="250" height="240">
</iframe>
第二款：
<iframe name="I1" src="http://panel.qq.com/hd/weather.shtml" width="300" height="250">
第三款：
<iframe name="I1" src="http://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代码：
<table border=0 cellspacing=1 cellpadding=0 width='98%'>
<td valign="top"><div align="center">
<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express" width="354" height="16" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
</div>
</table>
新浪代码：
<table border=0 cellspacing=1 cellpadding=0 width='98%'>
<tr align=center><td colspan=15 align=center bgcolor='#FFFFFF' height=30><iframe name=sina_roll src=http://news.sina.com.cn/o/allnews/input/index.html height=15 width=100% Frameborder=No Border=0 Marginwidth=0 Marginheight=0 Scrolling=No></iframe></td></tr>
</table>
背景音乐代码
</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="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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="http://图片地址" 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="http://图片地址" 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>
就这样，你每多一个连接你就多插进去一段！
滚动字代码
<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>
直接显示网站代码
<iframe name="I1" src="网站地址" width="852" height="1440">
</iframe>
滚动字代码
<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>
直接显示网站代码
<iframe name="I1" src="网站地址" width="852" height="1440">
</iframe>
在一副图片中插入你想移动的文字
<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>
<td width="100%">
<p align="center"></td>
</tr>
</table></tex:area>
插入图片 [代码中的图片地址就是网上以.jpg/.bmp结尾的网址]
</textarea><IMG src="http://你的图片地址" 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>
文字右对齐
插入滚动图片和字的做法
<MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up width=200 height=250><P align=left><P align=center><IMG src="你的图片地址1" width=200><P align=left><P align=center><IMG src="你的图片地址2" width=200><P align=left><P align=center><IMG src="你的图片地址3" width=200><P align=left><P align=center><IMG src="你的图片地址4" width=300><P align=left><P align=center><IMG src="你的图片地址5" width=200><P align=left><P align=center><IMG src="你的图片地址6" width=200><P align=left><P align=center><IMG src="你的图片地址7" width=200><P align=left><P align=center><IMG src="你的图片地址8" width=200></MARQUEE>
图片滚动方向可以修改红字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>
<marquee scrolldelay=500 scrollamount=100>走一步，停一停！</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.sf
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>
<!--
chplay()
-->
</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="你的上传地址"></iframe>
这个是做好了的大家可以参考<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="http://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/ （这个要先注册才能上传）
复制地址栏的地址然后将其套用在这个代码里面：
<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="你的上传地址"></iframe>
删除导航条代码：
<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" onload="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;">
添加LOGO代码：
1.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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=http://logo.88864.com/image/1148.gif>?主页Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>
⒉ <img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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=http://www.dabaoku.com/sucai/logo/logo/0047.gif>?日志Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>
3.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" onload="Mlogo.innerHTML+='<div style=/'position:absolute;top:140px;right:100;idth: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=http://www.dabaoku.com/sucai/logo/logo/0041.gif>?音乐Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>
4.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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=http://logo.88864.com/image/0412.gif>?留言Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>
5.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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=http://logo.88864.com/image/0047.gif>?相册Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>
6.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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=http://logo.88864.com/image/0960.gif>?资料Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>
7.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.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=http://logo.88864.com/image/0514.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 align="center"><a style=cursor:hand onclick=this.style.behavior="url(#default#homepage)";this.setHomePage("你的空间地址")>设为首页</a></div>
加入收藏代码：
<div align="center"><a target=_top href=javascript:window.external.AddFavorite("你的空间地址")>加入收藏</a></div>
记数器无边框代码：
<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>