您的位置：首页 > 其它

一些博客页面技巧，滚动字，时钟，背景音乐，博客特效

2007-06-08 10:58 477 查看

天气预报代码

第一款
<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.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>

</SCRIPT>

<SCRIPT>

</SCRIPT>

<SCRIPT language=JavaScript>

</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;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=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>

给页面加保护

<script language="JavaScript">
function helpor_net()
{
if (event.button==2)alert(' 仅供浏览!谢谢!\n\n若有问题请与我联系! ')
}
</script>

破解不让使用鼠标右键的网站***

如何破解不让使用鼠标右键的网站现在有好多网站不能使用鼠标右键，当你点击右键时就弹出一个窗口说些莫名其妙的话。当你看到网页上有精美图片或者精彩文字想保存时，一按鼠标右键就弹出那个窗口，很是讨厌。其实这只是利用JAVA语言实现的一个很简单的锁住鼠标右键的功能，同样也很简单就能使它失效，目前已知的有如下几种,破解如下：

第一种也是最简单的一种,在页面中点击右键就会弹出一个小窗口说一些莫名其妙的话:
1：在页面目标上按下鼠标右键，弹出窗口，这是不要松开右键。
2：将鼠标移到窗口的确定按钮上，同时按下左键。
3：现松开鼠标左键，这时窗口消失。
4：再将鼠标移到目标上松开鼠标右键，OK，你想要得功能全出来了。

第二种网站你一点鼠标右键就出现添加到收藏夹的窗口，用以上的方法不能破解，因为你用鼠标左键点取消的同时旧失去了右键的目标的焦点，不过要破也不难，如下方法：
1：在目标上电鼠标右键，出现添加到收藏夹的窗口，这时不要松开右键，移动鼠标到取消按钮上点击左键,窗口消失。
2：移动鼠标到你的目标上,这是鼠标是一个没有焦点的圆圈,没关系,再按下左键不要松开,此时鼠标的左右键全部按下了.现松开右键,好,功能出来了.将鼠标移动到你想要得功能上,松开左键.
3:okok,想怎么办就看你高兴了。

第三种事以上两种的结合,就是现出现胡说八道的窗口,然后在出现添加到收藏夹窗口,破解嘛就是用以上两种组合。

网页常用小技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.51js.com/'">

12.删除时确认
<a href='javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"'>删

除</a>

13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
javascript :
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别？
<div>(division)用来定义大段的页面元素，会产生转行
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行
<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条?
让竖条没有:
<body style='overflow:scroll;overflow-y:hidden'>
</body>
让横条没有:
<body style='overflow:scroll;overflow-x:hidden'>
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript"></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"

function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img

src=http://"+autourl+"/"+Math.random()+" width=1 height=1

onerror=auto('http://"+autourl+"')>")}
run()</script>

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使

用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

背景图片代码
方法一：
文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了
也可以用代码：
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二：
<body background=你的背景图片地址 >

方法三：
<STYLE type=text/css> </STYLE>

方法四：

背景图是在HTML模式下把以下代码加到已有代码最前面：
<body background="图片地址">
注：图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用。

方法五：
<STYLE TYPE="text/css">

</STYLE>

网页背景全攻略
网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比较完整的总结。

　　1.颜色背景

　　颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过标签来指定页面的颜色背景，其HTML语法为：

　　

　　其中的"color"表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。

　　颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。

　　2.沙纹背景

　　沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。

　　初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。

　　读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的图片，越小越好，但注意要使最后的背景看起来要像一个整体，而不是若干图片的堆砌。其实现的HTML语法如下：

　　

　　其中的"picture"表示背景图片的URL路径。

　　3.条状背景

　　条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。

　　以在竖直方向上排列为例，首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片，其长度与页面的宽度相当。也通过
　　

　　将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。

　　4.照片背景

　　把自己或朋友的照片作为页面的背景让大家看到，是有点令人激动的事情，但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢？只有想不到的，没有做不到的，这里我们用上一点简单的CSS。在网页文件的……之间加入下面的CSS语句:

　　

　　这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意，你也可以随意地调整它在页面中的位置，只需要调整"background-position"的值就可以了。

　　5.复合背景

　　如果你在练习上面的“照片背景”时“不小心”也设置了标签里的颜色背景，那么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法，就不用我再多说了吧！

　　6.局部背景

　　前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。
　　最为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子：

　　
　　在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。
　　除此之外，我们还可以单独为某个文字段落设置背景，甚至为这个文字段落中的某几个文字设置自己的背景，是不是有点相当不错，这也需要用上一些CSS。请先看一下下面的这个例子：
　　不仅仅是页面的背景
　　记得毛主席有这么一首诗："坐地日行八万里，巡于遥看一千河。"伟人就是了不起，……几万里就出去了。
　　在浏览器中的显示效果如图所示，现在是不是有点兴奋了，啊，原来文段也可以有自己的背景。只要你愿意，你就可以为页面的任何一个部分定义自己的背景，从而把页面打扮得更加漂亮和吸引人。

有关背景图片

方法一：文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

也可以用代码：
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二：
<body background=你的背景图片地址>
图片链接
<A href="你要链接的地址" target=_blank><IMG height=31 alt=你的文字介绍 src="你的图片（或logo地址）" width=88 border=0></A>

高和宽在上边的height和width那里设置

各种播放器代码

一、嵌入Windows Media Player播放器

基本代码一：<embed src=音乐地址 height=40 width=280>

可播声音。此处的音乐地址所属的文件类型仅限于.mp3和.wma格式，即纯粹的声音文件，并且需要Windows Media Player播放器可以自动伺候。

基本代码二：<embed src=音乐地址 height=？ width=450>

可播视频。此处的音乐类型包括.wmv和.asf等Windows Media Player播放器可以自动伺候的（音频）视频文件。

二、嵌入Real播放器（单纯播放音频）

基本代码一：<embed src=音乐地址 controls=controlpanel,statusbar height=80 width=280>

基本代码二： <embed src=音乐地址 type=audio/x-pn-realaudio-plugin height=80 width=280>

上面两段代码效果基本一样，其中“-plugin”可以不要，加上代码“autostart=1”可以实现自动播放。音乐文件类型主要包括.rm和.ram等格式。

三、嵌入Real播放器（除播放音频，还要播放视频）

代码： <embed src=音乐地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=imagewindow,controlpanel,statusbar height=308 width=380 autostart=false>

四、嵌入背景音乐
基本代码一：<bgsound src=音乐地址>

基本代码二：<embed src=音乐地址 width=0 height=0 border=0 autostart=true loop=true>

1.avi格式
代码片断如下：
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" <playcount="0"

moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed>
</object>

2.mpg格式
代码片断如下：
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>

3.smi格式
代码片断如下：
<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180>
<param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rm.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
<embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow"
height="180" width="240" autostart="true"
</OBJECT>

4.rm格式
代码片断如下：
<OBJECT id=Player height=60 width=330 classid=clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA name=player>
<PARAM NAME="_ExtentX" VALUE="8731">
<PARAM NAME="_ExtentY" VALUE="1588">
<PARAM NAME="AUTOSTART" VALUE="-1">
<PARAM NAME="SHUFFLE" VALUE="0">
<PARAM NAME="PREFETCH" VALUE="0">
<PARAM NAME="NOLABELS" VALUE="0">
<PARAM NAME="SRC" VALUE="rm歌曲地址">
<PARAM NAME="CONTROLS" VALUE="StatusBar,ControlPanel">
<PARAM NAME="LOOP" VALUE="0">
<PARAM NAME="NUMLOOP" VALUE="0">
<PARAM NAME="CENTER" VALUE="0">
<PARAM NAME="MAINTAINASPECT" VALUE="0">
<PARAM NAME="BACKGROUNDCOLOR" VALUE="#000000">
<embed src='rm歌曲地址' width='300'
<autostart='true' height='60'>
</embed></OBJECT>

5.wmv格式
代码片断如下：
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http:

//activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=

6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"
align="right" hspace="5">

<param name="AutoRewind" value=1>
<param name="FileName" value="******.wmv">

<param name="ShowControls" value="1">

<param name="ShowPositionControls" value="0">

<param name="ShowAudioControls" value="1">

<param name="ShowTracker" value="0">

<param name="ShowDisplay" value="0">

<param name="ShowStatusBar" value="0">

<param name="ShowGotoBar" value="0">

<param name="ShowCaptioning" value="0">

<param name="AutoStart" value=1>

<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">

<param name="TransparentAtStart" value="0">

<param name="AllowChangeDisplaySize" value="0">

<param name="AllowScan" value="0">

<param name="EnableContextMenu" value="0">

<param name="ClickToPlay" value="0">
</object>

6.wma格式
放在 <body> 里面。
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" >
<param name="Filename" value="1.Wma">< !--你文件的位置-->
<param name="PlayCount" value="1">

<param name="AutoStart" value="0">

<param name="ClickToPlay" value="1">

<param name="DisplaySize" value="0">

<param name="EnableFullScreen Controls" value="1">

<param name="ShowAudio Controls" value="1">
<param name="EnableContext Menu" value="1">

<param name="ShowDisplay" value="1">

</object >

背景音乐代码
加入一段在线音乐播放代码，推荐使用：<IFRAME marginHeight=0 src="http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25> 将此代码放入网站合适地方，将24小时不间断放歌，次代码由清风网络电台提供

<bgsound src=”url” loop=-1>

“url”依然是路径名,loop表示循环数，-1表示始终循环

SRC：音乐文件路径
（以下可选） AUTOSTART：音乐文件上传完后自动播放，TRUE为播放，FALSE为否
LOOP：设置循环TRUE为自动循环，FALSE为不循环，数值为次数
WIDTH，HEIGHT为播放控制面板的宽和高，
其余的属性有：
volume：取值范围为"0-100"，设置音量，默认为系统本身的音量
starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10秒开始播放
endtime： "分：秒"，设置歌曲结束播放的时间
controls ：控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板
·smallconsole 较小的面板
·playbutton 显示播放按钮
·pausebutton 显示暂停按钮
·stopbutton 显示停止按钮
·volumelever 显示音量调节按钮
hidden：为true时可以隐藏面板

1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

--------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。

-------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false"
即可...

------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了

2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2"

---------controls="ControlPanel"这个控制选项可省略

--------width="0" height="0"表示隐藏播放，和前面的一样。
若欲设置播放器的外观，则替换为具体的数值就可以了，比如width="123" height="100"

--------------------------------------------------
其实要说最简化的播放背景音乐的代码，则下面的代码是最简单的了--->

<embed src="背景音乐网址" >
-----------------------------------------------------

另外:bgsound src="背景音乐路径" loop="-1">

这个只支持IE浏览器，而且是完全下载完后才开始播放，不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放，当最小化窗口时即停止播放，当最大化窗口时又开始播放。
而，<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid，,wav,mp3类型的音乐类型.

这个则不管是否最小化窗口都始终播放，直至关闭当前窗口为止~~

支持的音乐文件类型：只支持MP播放器所支持的音乐格式，比如mp3,asf,wma,asx等等.
不支持rm,ram....

视频文件的插入方法也和上面所说的一样，设置好合适的

音乐代码解释
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">
解释一下:

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要　
FALSE 是不要，内定值是不要。

LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE"　

WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度　

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子，预设值是 CONSOLE　

　　CONSOLE 一般正常的面板
　　SMALLCONSOLE 较小的面板
　　PLAYBUTTON 只显示播放按钮
　　PAUSEBUTTON 只显示暂停按钮
　　STOPBUTTON 只显示停止按钮
　　VOLUMELEVER 只显示音量调整钮

背景音乐
1. 如何贴rm,ra,ram类型的音乐，代码如下：
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://guest.anyp.cn/uploads/01.rm">

　　2. 如何贴midi,asf,wma,asx类型的音乐，代码如下：
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">

博客最时尚的播放器代码

　　
第1种样式代码：（规格：700*32）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/exobud_mp/mp_exobud.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/exobud_mp.html
=======================================

=======================================
第2种样式代码：（规格：740-770*25）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/k10/mp10.js></script>

(另一种代码方法):
<div align="center"><iframe src="http://qjhwqs.home4u.china.com/other/gxwj/k10/mp10.html" width="760" height="25"
marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe></div>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/mp10.html
=======================================

=======================================
第3种样式代码：（规格：700*22）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/mcbg/mcbg.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/mcbg.html
=======================================

=======================================
第4种样式代码：（规格：600*26）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/k1/mp1.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/mp1.html
=======================================

=======================================
第5种样式代码：（规格：550*39）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/honghudie/music.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/honghudie.html
=======================================

=======================================
第6种样式代码：（规格：380*18）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/k7/mp7.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/mp7.html
=======================================

=======================================
第7种样式代码：（规格：779*24）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/music1/music1.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/music1.html
=======================================

=======================================
第8种样式代码：（规格：815*29）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/xaudio/xaudio.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/xaudio.html
=======================================

=======================================
第9种样式代码：（规格：190*118）

<script src=http://qjhwqs.home4u.china.com/other/gxwj/fk_music/music.js></script>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/fk_music.html
=======================================

=======================================
第10种样式代码：（规格：108*146）

嵌入式代码：
<script src=http://qjhwqs.home4u.china.com/other/gxwj/k2/mp2.js></script>

点击弹出式代码：
<A onclick="window.open ('http://qjhwqs.home4u.china.com/other/gxwj/k2/mp2.html','go', 'height=146, width=108, top=100, left=100, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no')" href="#">MP3连续播放器</STRONG></A>

演示地址: http://qjhwqs.home4u.china.com/other/gxwj/yanshi/mp2.html

怎么让单个的音乐可以自动在主页上放？

　　

能自动播放的播放器代码为：<embed src=音乐链接地址 width=200 height=45 type=audio/mpeg loop=" true" autostart="true">
其中autostart="true”表示自动播放，loop="false”表示不循环播放，改为“true”可循环。

我不喜欢你提供的歌曲，怎么办？
支持的音乐格式: wma　mp3　rm　ra　ram　asf　mid.，在代码里改动：“www.carword.com/ytkui/musin/bbsl.mp3”替换成你喜欢的任何歌曲地址。
2、问：我想让播放器可见，怎么办？
播放器宽度和高度可以灵活设置,width（宽度），height（高度）都设为0，那么音乐就成了背景音乐，没有播放器.你可以把后面的数值改成你喜欢的大小。常用width=210 height=60

3、我想改变是否自动播放，播放次数，怎么办？
autostart="true"为自动播放,autostart="false"为不自动播放.

loop="true"为连续循环播放,loop="false"为不循环播放.

loop可以等于一个整数,比如loop="2",就是音乐循环播放2次。部分引自 bozfly
注：音乐链接地址处填上自己喜欢的音乐地址，一定找一个打开就播放的地址，不然会缓冲很长时间，可以在百度里搜搜，很多音乐地址打开都缓冲很长时间，不要链接这样的地址，总能找到打开很快就缓冲好播放的地址，那就把这个地址放进去，那么一打开你的主页，音乐就很快播放了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航