校内代码编写基础教程biyela

来源：www.biyela.net 作者：新版校内网代码 时间：2008-02-11 点击：

#biyela.net {}
/* 此代码由 biyela校内网代码(biyela.net) 收集/整理/调试*/
★快速查看自己上传的文件的小秘密
最近,大家传完图片音乐后,是不是要找到自己的文件有些延时啊,我发现个小秘密,可以快速找到.
.........传完文件后翻到最后一页,看浏览器地址中是不是有个数字跟这个帖子的页码数少1啊,或者说是比较接近的,把地址栏中的那个数改成比它大1的数,然后,鼠标点击转到,或着摁回车键,看有没有你的文件,没有的话,再加1试试,一直找到帖子的最后一页,就可以看到自己的文件了,我就是这么试的,每次都准★
..........代码中的参数可以自己捉摸，稍作改动放在涂鸦版里试试，就会明白参数的意义了，参数太多我就不一一介绍了，另外我页面上的默林老人，由于代码中的“＆”字符被禁了，现在不能做了，还有那个带播放列表的NB播放器，原来的代码也有那个字符，功能受限，就不写了

▲我的滚动连接代码:
<marquee width=100% behavior=alternate scrollamount=3><a href=http://www.xiaonei.com/GetUser.do?id=60276><font size=4.5>去我的好友的页面看看</font></a></marquee>

▲背景和字的颜色：<body bgcolor="#000000" text="#ff9933">
特别说明的是:bgcolor=后面的内容是背景颜色的代码,text=后面的内容是个人资料留言等文本的字的颜色

▲滚动背景图案：<BODY BACKGROUND="http://img.xiaonei.com/photos/43/864/orig59095.jpg">

▲固定背景图案：<body background="http://img.xiaonei.com/photos/27/474/orig74269.gif"bgproperties="fixed"></body>

▲背景音乐：<BGSOUND src=http://www.xok.cc/help/old/"http://img.xiaonei.com/photos/7/719/96072391.mp3" loop=infinite>

背景音乐显示播放器:
<embed src=http://img.xiaonei.com/photos/27/474/orig38170.mp3 type=application/x-mplayer2 autostart="1" showcontrols="1"></embed>

背景音乐隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1" showcontrols="0"></embed>

背景音乐循环播放并隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1" showcontrols="0" loop="true" ></embed>

▲页面贴图：<img src=http://www.xok.cc/help/old/"/upimg/allimg/070815/1556551.gif">

▲贴图精确定位:<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100% src=http://www.xok.cc/help/old/"http://sms.imobile.com.cn/Upload/I/P/4/MMSLOGO_45832.GIF"></div>

▲精确定位：:<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;">定位的内容</div>

▲整个页面不透明度设置,30越大越透明(用了之后打开页面速度会变的很慢,不推荐使用)
<body style="FILTER: alpha( Style=3 FinishOpacity=30);" >

▲贴图透明化：<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src= http://www.xok.cc/upimg/allimg/070815/1556551.gif width=400 height=300>

▲贴图透明加定位:
<div style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100% src=http://www.xok.cc/help/old/"http://img.xiaonei.com/photos/43/864/orig52995.jpg"></div>

▲FLASH动画：<embed style="left: 150px; position: absolute; top: 50px; " align=right src=http://www.dabaoku.com/images/yu.swf width=1000 height=500 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲FLASH动画(相对定位即放在涂鸦板里)：<embed style="left: 150px; position: relativity; top: 800px; " align=right src= http://www.dabaoku.com/images/yu.swf width=400 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲视频1：
<embed SRC=http://img.xiaonei.com/photos/43/864/orig37195.wmv type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true>

视频2：
<embed HEIGHT=480 WIDTH=590 name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer src=http://img.xiaonei.com/photos/43/864/orig37195.wmv type=application/x-mplayer2 showstatusbar="1" showcontrols="1" autostart="1" loop="0" volume="1"></embed>

▲建链接（本页面进入）：
<a href=http://www.xiaonei.com/GetUser.do?id=60276>我的默林邀请您进入</a>

▲建链接（新页面进入）：

<a href=http://www.xiaonei.com/GetUser.do?id=60276 target="_blank">我的默林邀请您进入</a>
▲滚动的超链接：
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>

▲改字颜色：
<font color=00dfff>字</font>

▲改字体和字号
<font face="幼圆"><font size=4.5>字</font></font>

▲改鼠标:
<body style="cursor:url('http://img.xiaonei.com/photos/43/864/orig65926.ani ')"></body>
将其中的连接改成自己喜欢的鼠标FLASH地址即可
鼠标样式大全：http://www.zidou.com/page/cursor/

▲改变所有字的代码
<style type=text/css>
</style>
将上面颜色字号字体换成自己喜欢的即可

▲横向交替滚动：
<marquee width=100% behavior=alternate scrollamount=1>所要写的文字</marquee>

▲颜色代码网址：
http://img.xiaonei.com/photos/20060605/2100/orig55142.htm

字体颜色代码：
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323

贴图时可能要考虑尺寸，有时需要裁剪，让图片完整出现在页面内。
“背景图案”宽度在1100左右，“页面贴图”宽度在480左右。

▲发光字
<TABLE style="FILTER: glow(color:#FF00FF,direction=2)"> 所要写的文字</table>

▲浮雕字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font size=4.5>你要的文字</font></table>

▲可爱的钟表：
<embed style="left: 728px; position: absolute; top: 99px; " align=right src=http://www.9941.cn/moban/zhong/67.swf width=100 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲给自己加星星５颗：
<DIV style="LEFT: 606px; BACKGROUND-IMAGE: url(http://img.xiaonei.com/photos/20060523/1950/orig78576.png); WIDTH: 60px; BACKGROUND-REPEAT: repeat-x; POSITION: absolute; TOP: 128px; HEIGHT: 9px"></DIV>

▲阴影文字
</tex:tarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">
<font color=#6CABE7 size=2>谢谢大家的支持</font>
</table>

▲5月13号新增;
<style type=text/css> </style> <!－隐藏上方图片和上方连接(5月29号最新)－>

<style type=text/css>  </style><!－隐藏上方图片(已过期)－>
▲7月26号新增
<style type=text/css></style><!－隐藏留言小头像代码－>

▲隐藏好友和最近访问
<style type=text/css></style>

▲<br /><style type=text/css> </style><!－改上方图片－> ---------作废

更新..
▲<style type=text/css> </style><!－改上方图片－>

▲<style type=text/css> </style><!－除掉下半张脸除广告－>

▲<br /><style type=text/css> </style><!－最上方图片下的边框颜色－>

▲5月24号新增
去掉白块、白条,即去掉边框去掉广告加宽导航栏代码:
<link rel=stylesheet href=http://www.xok.cc/help/old/"http://img.xiaonei.com/photos/131/4464024/orig94311.css" type="text/css"> /* 代码来源未知校内代码(xncss.org) */

▲隐藏上方图片(本条转自邓冰澌)
<style type=text/css> </style><!－隐藏上方图片－>

▲给日志加个滚动条(本条转自李响)
<style type=text/css>div.entryBody{height:200px; overflow:auto; color:#009999; font-size:20px;font-family:楷体;}</style>

▲浏览者IP 等其他电脑详细参数等显示<本条转自苏海龙>
<img src=http://www.hotik.com/sign.png border=0>

▲修改边框颜色《本条转自李曼》：
<style type=text/css>.top{color:#98FB98;}H2{background-color: #242424;color:#98FB98;}.lwTitle{background-color: #242424;}.label{color:#FFFFFF;}.person{background-color: #242424;}.memberlist2{background-color:#242424;}#gnav{background-color:#242424;}h1{background-color:#242424;}#profileActions{background-color:#00ff00;}#profileActions a{background-color:#242424;border-bottom: solid 1px #FFFFFF;}</style>

▲5月28号新增-<本条转自许晓澄>

移动侧边栏的大小和位置：
<style type=text/css> </style>

去处底部系统链接：
<style type=text/css> </style>

隐藏个人照片：
<style type=text/css> </style>

关于超链接的控制：
A:hover {BACKGROUND－COLOR: ＃ffccff; COLOR: ＃0080ff}
　　(hover表示鼠标指示时,链接文字背景色为＃ffccff;前景色为＃0080ff)
　　A:link {color:＃000000;TEXT－DECORATION: none}
　　(link表示未被访问时,链接颜色为黑色,链接无下划线.)
　　A:visited {color:gray;TEXT－DECORATION: none}
　　(visited表示被访问后,链接颜色为灰色,链接无下划线.)
　　A:active {color:green;text－decoration: none}
　　(active表示鼠标点击时,链接颜色为绿色,链接无下划线.)
　　A:hover {TEXT－DECORATION: underline}
　　(hover表示鼠标指示时,链接显示下划线)

　　注释：
　　none——没有下划线
　　underline——下划线
　　overline——上划线
　　line－through——中划线

▲<转>滚动文字
用如下语句
<marquee>需要移动的文字</marquee><direction=＃>
例：<marquee direction=left marquee scrollamount=10>开开心心每一天！</marquee> <P>
marquee 具体参数有：
BGColor：滚动文本框的背景颜色。
Direction：滚动方向设置，可选择Left、Right、up和down。
scrolldelay：每轮滚动之间的延迟时间，越大越慢。
scrollamount：一次滚动总的时间量，数字越小滚动越慢。
Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动）、Slide（单次滚动）、Alternate（来回滚动）。
Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

loop：滚动次数。默认为infinite
hspace、vspace：前后、上下的空行。
根据自己的喜欢，设定不同的参数，就有不同的效果

▲<转> 各种文字滚动代码
1.建立第一个滚动字幕。代码：
<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>
2.各参数详解：
??a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
??b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
??c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
??d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
??e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)
3.实例：
　　a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=http://www.xok.cc/help/old/***>和</a>就可以了。如下效果，代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>，点击中央电视台就可以进入了：
中央电视台
b)如何制作当鼠标停留在文字上，文字停止滚动？【此条已被禁止】
??代码如：
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
??效果如：
文字内容
c)交替效果。代码如：
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
?? d)多行文本向上滚动。代码如：
<marquee scrollAmount=2 width=300 height=160 direction=up>•早晨好啊！<br>•空气好清新啊<br>•今朝食乜好呢？<p>•<a href=http://www.cctv.com>中央电视台</a></marquee>
?? •注意：如果你的网页经过了FrontPage编辑，保存之后，只能滚动一行，这时候你发现你原来的代码顺序已经变了，My god！解决的办法是，找出原来的代码，把它嵌入到JavaScript的document.write中即可，上述代码写为：
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>•早晨好啊！<br>•空气好清新啊<br>•今朝食乜好呢？<p>•<a href=http://www.cctv.com>中央电视台</a></marquee>')</script>
e)改变滚动字幕的颜色？可以用样式表来控制。如下效果，代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>我钟意网页树树！</a></marquee>。
我钟意网页树树！

计数器http://00counter.com/
http://cscqcn.com/webs/web1/mianfei/k.htm
flash素材下载大全:http://www.9941.cn/
▲<转>常用FLASH和MP3连接地址(现在可能有一部分被删,请先试试能否打开,再替换):
http://www.gxblk.com/flash/jinyu.swf

http://sucai.heima.com/sucai/news/flash/92.swf

http://sucai.heima.com/sucai/news/flash/105.swf

http://sucai.heima.com/sucai/news/flash/120.swf

http://sucai.heima.com/sucai/news/flash/140.swf

http://park7.wakwak.com/~choukan/sozai/5-huyu/huyu-4.gif

http://bbs.bjhr.gov.cn/UploadFile/2005-9/20059138213228113.mp3

http://www.muqin.com.cn/upload/forum/2005032110210819.gif

http://file.guanshui.com/photo/1/91/20051111_2223001_383113.gif

http://img.xiaonei.com/photos/45/15/61332240.mp3

http://img.xiaonei.com/photos/43/864/orig36701.mp3不得不爱

http://img.xiaonei.com/photos/43/864/orig48903.wma一首简单的歌

http://img.xiaonei.com/photos/43/864/orig48789.wma黄种人

http://img.xiaonei.com/photos/43/864/orig48859.wma曹操

http://img.xiaonei.com/photos/43/864/orig66947.wma爱在西元前

http://img.xiaonei.com/photos/43/864/orig70650.wma

http://img.xiaonei.com/photos/43/864/orig74541.wma

http://img.xiaonei.com/photos/43/864/orig34297.wma 飞儿laidy

http://img.xiaonei.com/photos/43/864/orig34979.wma一千年以后

http://img.xiaonei.com/photos/43/864/orig34956.wma江南

http://img.xiaonei.com/photos/43/864/orig34889.wma发如雪

http://img.xiaonei.com/photos/43/864/orig23927.mp3珊瑚海

http://img.xiaonei.com/photos/43/864/orig49455.swfl流星雨

http://ok.zly99.com/wmanihao/Z/2006271312484/13129842.wma

http://img.xiaonei.com/photos/43/864/orig69499.wma下一站天后

http://img.xiaonei.com/photos/43/864/orig18893.mp3大城小爱

http://img.xiaonei.com/photos/43/864/orig26730.mp3野人之爱

http://img.xiaonei.com/photos/43/864/orig31761.mp3七里香

http://img.xiaonei.com/photos/43/864/orig15616.wma寓言

http://img.xiaonei.com/photos/43/864/orig32457.mp3在梅边

http://img.xiaonei.com/photos/43/864/orig47375.wma六月的雨

http://img.xiaonei.com/photos/43/864/orig54177.mp3困兽之斗

http://img.xiaonei.com/photos/43/864/orig30617.mp3花田错

http://img.xiaonei.com/photos/43/864/orig37641.wma笑傲江湖

http://img.xiaonei.com/photos/43/864/orig24636.mp3隐形的翅膀

http://img.xiaonei.com/photos/43/864/orig21209.wma在他乡

http://img.xiaonei.com/photos/43/864/orig18371.wma青春无悔

http://img.xiaonei.com/photos/43/864/orig65757.mp3再靠近一点点

http://img.xiaonei.com/photos/43/864/orig32419.wma恋爱达人

http://img.xiaonei.com/photos/43/864/orig10935.wav知足

http://img.xiaonei.com/photos/43/864/orig69462.mp3我不后悔

http://img.xiaonei.com/photos/43/864/orig60704.rm受了点伤

http://img.xiaonei.com/photos/43/864/orig21686.mp3分飞

http://img.xiaonei.com/photos/43/864/orig38040.wma寂寞的季节

http://img.xiaonei.com/photos/43/864/orig56742.wma催眠show

http://img.xiaonei.com/photos/43/864/orig62936.mp3黑色毛衣

http://img.xiaonei.com/photos/43/864/orig43039.ram我会好好的

http://img.xiaonei.com/photos/43/864/orig63776.wma雨人

http://img.xiaonei.com/photos/43/864/orig47466.wma无间道

http://img.xiaonei.com/photos/43/864/orig25796.wma忘忧草

http://img.xiaonei.com/photos/43/864/orig56845.wma朋友

http://img.xiaonei.com/photos/43/864/orig56160.mp3有没有一首歌让你想起我

http://img.xiaonei.com/photos/43/864/orig38809.wma叶子

http://img.xiaonei.com/photos/43/864/orig22629.mp3爸爸妈妈

http://img.xiaonei.com/photos/43/864/orig75912.wma（回归大自然的声音）

http://img.xiaonei.com/photos/43/864/orig55634.wma别说我的眼泪你无所谓

http://img.xiaonei.com/photos/43/864/orig64400.rm一直很安静

http://img.xiaonei.com/photos/43/864/orig29378.wma飘摇

http://img.xiaonei.com/photos/43/864/orig35197.wma星晴

http://img.xiaonei.com/photos/43/864/orig35306.wma一千零一个愿望

http://img.xiaonei.com/photos/43/864/orig34642.wma半岛铁盒

http://img.xiaonei.com/photos/43/864/orig36014.mp3一万个理由

http://img.xiaonei.com/photos/43/864/orig36305.rm化蝶飞

http://img.xiaonei.com/photos/43/864/orig37338.wma女人心事

http://img.xiaonei.com/photos/43/864/orig36731.mp3就是爱你

http://img.xiaonei.com/photos/43/864/orig16519.mp3遗失的美好

http://img.xiaonei.com/photos/43/864/orig20662.wma梁祝

http://img.xiaonei.com/photos/43/864/orig70409.mp3漂移

http://img.xiaonei.com/photos/43/864/orig70501.mp3完美世界

http://img.xiaonei.com/photos/43/864/orig17723.wma一生有你

http://img.xiaonei.com/photos/43/864/orig18582.mp3笔记

http://img.xiaonei.com/photos/43/864/orig99514.wma作战

http://img.xiaonei.com/photos/43/864/orig8440.wma花太香

http://img.xiaonei.com/photos/43/864/orig75171.wma晴天

http://img.xiaonei.com/photos/43/864/orig42748.wma吉祥三宝

http://img.xiaonei.com/photos/43/864/orig14444.rm刀剑如梦

http://img.xiaonei.com/photos/43/864/orig32374.mp3心中的日月

http://img.xiaonei.com/photos/43/864/orig31575.mp3天下无双
http://img.xiaonei.com/photos/43/864/orig65286.wma就是爱你
http://img.xiaonei.com/photos/43/864/orig56891.wma爷爷泡的茶
http://img.xiaonei.com/photos/43/864/orig43327.wma轨迹
http://img.xiaonei.com/photos/43/864/orig45180.wma两个人的烟火
http://img.xiaonei.com/photos/43/864/orig46566.wma离歌
http://img.xiaonei.com/photos/43/864/orig47231.wma东风破
http://img.xiaonei.com/photos/43/864/orig54101.wma秋日恋歌
http://img.xiaonei.com/photos/43/864/orig39595.wma倩女幽魂
http://img.xiaonei.com/photos/43/864/orig18194.wma原来
http://img.xiaonei.com/photos/43/864/orig25501.rm完美生活
http://img.xiaonei.com/photos/43/864/orig26940.wma蜗牛
http://img.xiaonei.com/photos/43/864/orig26893.wma龙卷风
http://img.xiaonei.com/photos/43/864/orig27146.wma开不了口
http://img.xiaonei.com/photos/43/864/orig26424.wma霍元甲
http://img.xiaonei.com/photos/43/864/orig26130.wma漂移
http://img.xiaonei.com/photos/43/864/orig26517.wma我的地盘
http://img.xiaonei.com/photos/43/864/orig27528.wma最后的战役
http://img.xiaonei.com/photos/43/864/orig26599.wma将军
http://img.xiaonei.com/photos/1/37/orig63236.wma天下无双
http://img.xiaonei.com/photos/1/37/orig63845.wma龙行天下
以上内容大部分来自涂鸦版的秘密，如有不妥请多多见谅

[收藏] [推荐] [评论] [打印] [关闭]

顶一下

上一篇：如何修改页面文字属性
下一篇：教你怎样制作自己的校内视频相册

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

栏目列表