小说阅读网首页 言情小说 青春校园 玄幻小说 武侠小说 小说连载 灵异推理 网络小说 纪实文学 网游小说 全本小说 作家专区
文学博客网 >> 大杂烩 >> 科技/IT

HTML代码全集

作者: candyyiyo   发表日期: 2006-07-18 15:51  点击数: 1973


图片:




会走动的图片
<marquee width=200 height=50><img src="http://unibbs.unibbs.com/images/upphoto/451265.jpg"><img src="http://unibbs.unibbs.com/images/upphoto/451265.jpg"><img src="http://unibbs.unibbs.com/images/upphoto/451265.jpg"></marquee>
<marquee direction=right width=200 height=50><img src="http://unibbs.unibbs.com/images/upphoto/451265.jpg"><img src="http://unibbs.unibbs.com/images/upphoto/451265.jpg"><img src="
http://unibbs.unibbs.com/images/upphoto/451265.jpg"></marquee><br><br>
会走动的字
<marquee><P><FONT face=隶书 color=#009933 size=5>写上你想写的字</FONT></P><marquee>
 
logo图片链接<A href="链接地址" target=_blank><IMG style="WIDTH: 88px; HEIGHT: 31px" height=31 alt=说明 src="图片地址" width=88></A>
流动字幕

<marquee behavior="scroll" direction="left" loop="-1" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()">
    <span class="style1"><big>欢迎光临<big> <a href=http://zsr826.heima.com> ><b><u>漫步沙滩</u>></b></a></span>
</marquee>


flash上传代码
<embed src=http://www.mypcera.com/flash/katong/images/03212.swf  width=500  height=500>
 
签名
到修改信息,把代码 <img id="ibtnface" alt src="图片地址" border="0" width="128" height="128"></p> 帖到签名那里。
  1★ 贴图:<img src="图片地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body
bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>

2.移动的文字或者图片

<*marquee direction=left>文字或图片<*/marquee>  说明: left 向左移动


<*marquee direction=right>文字或图片<*/marquee> 说明: right 向右移动

<*marquee behavior=scroll>文字或图片<*/marquee> 说明: scroll 一圈一圈绕着走


<*marquee behavior=slide>文字或图片<*/marquee>  说明: slide 只走一次


<*marquee behavior=alternate>文字或图片!<*/marquee>  说明:alternate 来回走

文字向上滚注意文字分行并拉开行距:
<*marquee direction=up scrollamount=3>文字<*/marquee>
阴影文字 shadow效果代码如下(使用时请去除*号):
<*p align=center><*font style="font-size: 60pt; filter: shadow(color=white); width: 100%; color: yellow; line-height: 150%; font-family: 方正舒体"><*b>阴影文字<*/b><*/font><*/p>

会动的字
<*marquee behavior=alternate>
<*marquee behavior=alternate><*font face=宋体 color=red size=4>
<*marquee direction=up behavior=alternate width=60 height=120>月<*/marquee><*font color=orange>
<*marquee direction=up behavior=alternate width=60 height=80>光<*/marquee><*font color=#ff8ca9>
<*marquee direction=up behavior=alternate width=60 height=120>岛<*/marquee><*font color=green>
<*marquee direction=up behavior=alternate width=60 height=80>静<*/marquee><*font color=blue>
<*marquee direction=up behavior=alternate width=60 height=80>悄<*/marquee><*font color=#ff8ca9>
<*marquee direction=up behavior=alternate width=60 height=120>悄<*/marquee>
<*marquee direction=up behavior=alternate width=60 height=120>!<*/marquee><*font color=green><*/font><*/font><*/font>

<*/font><*/font><*/font><*/font>

<*/marquee><*/font><*/font><*/font>

<*/font><*/font>
由中间向两边移动的文字和图片代码如下(使用时请去除*号): <*center><*font face=隶书 color=#44e7a0 size=6><*marquee width=222 height=50><*img src="http://851.vicp.net/bbs/uploadfile/2004-4/20044895820503.gif">向两边移动的文字和图片<*img src="<*font''''>http://851.vicp.net/bbs/uploadfile/2004-4/20044895820503.gif"><*font face=隶书 color=#16ac6b size=6><*marquee direction=right width=222 height=50><*img src="http://www.smba-china.com/upload/upfile/2004518045330.jpg">片图和字文的动移边两向<*img src="<*/marquee><*/font><*/center''''>http://love.xaonline.com/upload/2004612/uf488696.gif"><*/marquee><*/font><*/center>

厦门大学论坛
<div>厦门大学美术系论坛<a href="http://nec.xmu.edu.cn/images/main_lefttop.jpg" target=_blank><img style="width: 150px; height: 70px" height=70 alt=厦门大学美术系论坛 src="http://nec.xmu.edu.cn/images/main_lefttop.jpg" width=88></a></div>

3.

----- 状态栏文字一闪一闪 -----

<script language="">
<!--
var yourwords = "☆ ★ ☆ 天风自助家园 ☆ ★ ☆";
var speed = 700;
var control = 1;
function flash()
{
  if (control == 1)
    {
      window.status=yourwords;
      control=0;
    } 
  else
    {
      window.status="";
      control=1;
    }
  settimeout("flash()",speed);
}
window.onload=flash
// -->
</script>


----- 状态栏跑马灯(聚拢式) -----
 
 

 


<body onload="wiper()">

<script language=javascript>
<!--
function makearray(n)
{
this.length = n;
for (i=0; i<n; i++) this="";
}
stcnt = 16;
msg = "abcdefghijklmnopqrstuvwxyz";//填写成你的内容
wmsg = new makearray(32);
wmsg[0]=msg;
blnk ="                    ";
for (i=1; i<32; i++)
{
b = blnk.substring(0,i);
for (j=0; j<msg.length; j++)
wmsg=wmsg+msg.charat(j)+b;
}
function wiper()
{
if (stcnt > -1) str = wmsg[stcnt]; else str = wmsg[0];
if (stcnt-- < -40) stcnt=31;
window.status = str;
timeid = window.settimeout("wiper()",150);
}
// -->
</script>

4.

连续播放歌曲
--------------------------------------------------------------------------------
  <object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="mediaplayer1" width="286" height="225">
<param name="audiostream" value="-1">
<param name="autosize" value="-1">
<param name="autostart" value="-1">
<param name="animationatstart" value="-1">
<param name="allowscan" value="-1">
<param name="allowchangedisplaysize" value="-1">
<param name="autorewind" value="0">
<param name="balance" value="0">
<param name="baseurl" value>
<param name="bufferingtime" value="5">
<param name="captioningid" value>
<param name="clicktoplay" value="-1">
<param name="cursortype" value="0">
<param name="currentposition" value="-1">
<param name="currentmarker" value="0">
<param name="defaultframe" value>
<param name="displaybackcolor" value="0">
<param name="displayforecolor" value="16777215">
<param name="displaymode" value="0">
<param name="displaysize" value="0">
<param name="enabled" value="-1">
<param name="enablecontextmenu" value="-1">
<param name="enablepositioncontrols" value="-1">
<param name="enablefullscreencontrols" value="0">
<param name="enabletracker" value="-1">
<param name="filename" value>
<param name="invokeurls" value="-1">
<param name="language" value="-1">
<param name="mute" value="0">
<param name="playcount" value="1">
<param name="previewmode" value="0">
<param name="rate" value="1">
<param name="samilang" value>
<param name="samistyle" value>
<param name="samifilename" value>插入文件的地址(但这只能放一个音乐文件)
<param name="selectionstart" value="-1">
<param name="selectionend" value="-1">
<param name="sendopenstatechangeevents" value="-1">
<param name="sendwarningevents" value="-1">
<param name="senderrorevents" value="-1">
<param name="sendkeyboardevents" value="0">
<param name="sendmouseclickevents" value="0">
<param name="sendmousemoveevents" value="0">
<param name="sendplaystatechangeevents" value="-1">
<param name="showcaptioning" value="0">
<param name="showcontrols" value="-1">
<param name="showaudiocontrols" value="-1">
<param name="showdisplay" value="0">
<param name="showgotobar" value="0">
<param name="showpositioncontrols" value="-1">
<param name="showstatusbar" value="0">
<param name="showtracker" value="-1">
<param name="transparentatstart" value="0">
<param name="videoborderwidth" value="0">
<param name="videobordercolor" value="0">
<param name="videoborder3d" value="0">
<param name="volume" value="-600">
<param name="windowlessvideo" value="0">
</object>
特效文字代码:

<table style="filter: glow(color=#0000ff, strength=5)" width=255>要产生光晕效果的文字</table>

<table style="filter: shadow(color=#00ff00, strength=5)" width=255>要产生阴影效果的文字</table>

交替效果。代码如:
<marquee scrollamount=2 width=300 behavior=alternate >嗨!人生得意须尽欢,你呢?</marquee>

4.

---- 文字不停闪烁 -----

<script language="">
<!--
var yourwords = "欢迎来到网页特效世界,请多提意见。谢谢! ";
var speed = 700;
var control = 1;
function helpor_net()
{
if (control == 1)
{
window.status=yourwords;
control=0;
}
else
{
window.status="";
control=1;
}
settimeout("helpor_net()",speed);
}
helpor_net()
// -->
</script>

----- 有影子的数字时钟 -----

''''+thistime+'''''''')
document.bgclocknoshade.document.write(''''''''+thistime+'''''''')
document.close()
}
var timer=settimeout("www_helpor_net()",200)
}
www_helpor_net();
//-->
5.logo(图片)的连接代码:
第一种:<a href="插入要连接的地址" target=_blank title="随便写点什么比如:欢迎光临"><img border=0 src="插入logo图片的地址"></a>

第二种:<a href="主页地址" target=_blank><img alt=你的主页名称 src="你的logo图片地址" border=0></a>

第三种:<a href="主页地址" target=_blank><img height=31 src="logo图片地址" width=88 border=0></a>


飞舞的字:
<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">缘</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=150>分</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=200>的</marquee><font color=fuchsia>
<marquee direction=up behavior=alternate width=40 height=150>天</marquee><font color=olive>
<marquee direction=up behavior=alternate width=40 height=200>空</marquee><font color=green>
<marquee direction=up behavior=alternate width=40 height=150>欢</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>迎</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>您</marquee><font color=orange></font></b></marquee>


图片倒影效果:
(使用时必须去掉"html"旁边"自动修正"的钩.)
<p align=center><font style="font-size: 27pt; width: 220px; color: #00ff00; height: 10px"><img src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><font id=ew style="font-size: 27pt; filter: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); width: 220px; color: #3333ff; height: 10px"><img src="


http://www.smba-china.com/upload/upfile/2004430154320.gif"></p></font></font><br><br>
6.
插入视频,mp3音乐,电影等
-----------------------------------
代码如下:
-----------------------------------
1:
-----------------------------------
<object classid=clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=7.0
width=200 height=150
id=nsplay0 name=nsplay
type=application/x-oleobject viewastext 
standby="loading microsoft windows media player components..." border="0">
<param name="audiostream" value="1">
<param name="filename" value="http://www.tf168.com/perweb/musicfile/10.mid">
</object>
-------------------------------
2:
-------------------------------
<object id=wmplayer style="left: 0px; top: 0px" height=300 width=400 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><param name="url" value="http://www.anyp.cn/images/amusement/weekly/video/2004_170_10.wmv"><param name="rate" value="1"><param name="balance" value="0"><param name="currentposition" value="0"><param name="defaultframe" value=""><param name="playcount" value="1"><param name="autostart" value="-1"><param name="currentmarker" value="0"><param name="invokeurls" value="-1"><param name="baseurl" value=""><param name="volume" value="50"><param name="mute" value="0"><param name="uimode" value="full"><param name="stretchtofit" value="0"><param name="windowlessvideo" value="0"><param name="enabled" value="-1"><param name="enablecontextmenu" value="-1">``param name="fullscreen" value="0"><param name="samistyle" value=""><param name="samilang" value=""><param name="samifilename" value=""><param name="captioningid" value=""><param name="enableerrordialogs" value="0">``param name="_cx" value="10583"><param name="_cy" value="7938"></object> 

------------------------------
3:
------------------------------
<p align=center><span class=pg id=xydwtext><embed name=player34 src=地址 width=500 height=400 type=application/smil _extentx="9657" _extenty="847" shuffle="0" prefetch="0" nolabels="0" clicktoplay="-1" loop="-1" numloop="0" autostart="-1" controls="imagewindow,statusbar,controlpanel"></embed> </span></p>
<p align=center><font color=#ff0000>花香娱乐网!本站影片视频均可观看,稍等一会,影片下载中!</font></p><body >

7.
超级多的透明flash地址啊~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~流口水啊
http://imgfree.21cn.com/free/flash/1.swf红色背景白色小流星
http://imgfree.21cn.com/free/flash/2.swf浅绿色背景亮色竖条
http://imgfree.21cn.com/free/flash/3.swf光球光芒时隐时现
http://imgfree.21cn.com/free/flash/4.swf米字星光
http://imgfree.21cn.com/free/flash/5.swf灰色背景米字星光
http://imgfree.21cn.com/free/flash/6.swf灰蓝背景飘落雨滴
http://imgfree.21cn.com/free/flash/7.swf黄色背景飞星闪闪
http://imgfree.21cn.com/free/flash/8.swf青蛙
http://imgfree.21cn.com/free/flash/9.swf蓝色蝴蝶
http://imgfree.21cn.com/free/flash/10.swf竖条箭头
http://imgfree.21cn.com/free/flash/11.swf宽窄竖条
http://imgfree.21cn.com/free/flash/12.swf左右晃动的竖条(宽、窄)
http://imgfree.21cn.com/free/flash/13.swf黑色背景旋转轮盘
http://imgfree.21cn.com/free/flash/14.swf蝌蚪旋转、随鼠标的白色光团
http://imgfree.21cn.com/free/flash/15.swf黑色背景绿色飘带幻影
http://imgfree.21cn.com/free/flash/16.swf黑色背景飞星闪闪





http://imgfree.21cn.com/free/flash/17.swf金鱼
http://imgfree.21cn.com/free/flash/18.swf蓝色背景水平飞镖
http://imgfree.21cn.com/free/flash/19.swf左右晃动的竖条
http://imgfree.21cn.com/free/flash/20.swf黑色背景水平闪动的横条
http://imgfree.21cn.com/free/flash/21.swf黑色背景光晕
http://imgfree.21cn.com/free/flash/22.swf光圈由小变大
http://imgfree.21cn.com/free/flash/23.swf蓝色背景雪花飘飘
http://imgfree.21cn.com/free/flash/24.swf左右闪动的竖条
http://imgfree.21cn.com/free/flash/25.swf三只黑蚂蚁
http://imgfree.21cn.com/free/flash/26.swf左右晃动的黄、绿、蓝竖线
http://imgfree.21cn.com/free/flash/27.swf无色背景水珠
http://imgfree.21cn.com/free/flash/28.swf黑色背景竖条
http://imgfree.21cn.com/free/flash/29.swf圆圈内海浪波动
http://imgfree.21cn.com/free/flash/30.swf黑色背景蓝色梦幻
http://imgfree.21cn.com/free/flash/30.swf黑色背景蓝色梦幻
http://imgfree.21cn.com/free/flash/31.swf黑色背景无数小亮点飘落
http://imgfree.21cn.com/free/flash/32.swf长发女孩
http://imgfree.21cn.com/free/flash/33.swf粉黄色5瓣花飘飘
http://imgfree.21cn.com/free/flash/34.swf
http://imgfree.21cn.com/free/flash/35.swf小星、大星光晕梦幻
http://imgfree.21cn.com/free/flash/35.swf紫色唇印升腾
http://imgfree.21cn.com/free/flash/36.swf上下闪动的横条
http://imgfree.21cn.com/free/flash/37.swf绿色、黄色的树叶飞舞
http://imgfree.21cn.com/free/flash/38.swf流星飞降
http://imgfree.21cn.com/free/flash/39.swf小+字旋转大光圈
http://imgfree.21cn.com/free/flash/40.swf大、小八瓣雪花飘落
http://imgfree.21cn.com/free/flash/41.swf紫色背景大、小八瓣雪花飘落
http://imgfree.21cn.com/free/flash/42.swf空中飘动的黄球
http://imgfree.21cn.com/free/flash/43.swf
http://imgfree.21cn.com/free/flash/44.swf









http://imgfree.21cn.com/free/flash/45.swf两只黄色的蝴蝶在左上角飞舞
http://imgfree.21cn.com/free/flash/46.swf一片浅粉色的云团
http://imgfree.21cn.com/free/flash/47.swf 箭头左右穿梭
http://imgfree.21cn.com/free/flash/48.swf一个光球从右上方慢慢飞入
http://imgfree.21cn.com/free/flash/49.swf飘落的浅粉色花瓣
http://imgfree.21cn.com/free/flash/50.swf晃动的文字“sweet kiss day”
http://imgfree.21cn.com/free/flash/51.swf三只飞舞的蜻蜓、闪闪的星光
http://imgfree.21cn.com/free/flash/52.swf黑色背景飘落的红叶
http://imgfree.21cn.com/free/flash/53.swf雪糕降落
http://imgfree.21cn.com/free/flash/54.swf绿色的心和i love you垂直降落
http://imgfree.21cn.com/free/flash/55.swf两只跳跃的青蛙
http://imgfree.21cn.com/free/flash/56.swf六边形、降落的竖条
http://imgfree.21cn.com/free/flash/57.swf燕鱼和水泡
http://imgfree.21cn.com/free/flash/58.swf光晕、光圈
http://imgfree.21cn.com/free/flash/59.swf蓝色背景飞翔的海鸥
http://imgfree.21cn.com/free/flash/60.swf黑色背景降落的萤火虫
http://imgfree.21cn.com/free/flash/61.swf飞腾的红心
http://imgfree.21cn.com/free/flash/62.swf五彩礼花燃放
http://imgfree.21cn.com/free/flash/63.swf黄色的四瓣花飘落
http://imgfree.21cn.com/free/flash/64.swf浅蓝色的雪花在空中,小雪花降落
http://imgfree.21cn.com/free/flash/65.swf飘落的空心小兰圈

图片加上flash
<table cellspacing=2 cellpadding=3 width=400>
<tbody>
<tr>
<td background=图片地址>
<p><embed pluginspage=http://www.macromedia.com/go/getflashplayer src=flash地址 width=400 height=431 type=application/x-shockwave-flash quality="high" wmode="transparent"></p></embed></td></tr></tbody></table>

回复(7) | 投票支持
欢迎到candyyiyo的博客主页看更多内容
共7条回复
guest 发表于 2008-09-09 20:22
#7
感谢~~非常的感谢~~非常的实用
guest 发表于 2008-06-02 10:19
#6
可以攻玉
guest 发表于 2007-02-07 09:33
#5
呵呵,谢拉,我正需要!
www.shanshan.bbs.vg
guest 发表于 2006-09-17 12:50
#4
  谢谢你收集这么多的文件。
candyyiyo 发表于 2006-08-11 09:16
#3
好啊
天翼無痕 发表于 2006-08-10 15:59
#2
糖糖:不过我不会用,你就好心教教我吧!^o^
天翼無痕 发表于 2006-08-10 15:57
#1
糖糖:赞!收集这么多,辛苦了!
共7条回复

发表关于《HTML代码全集》的评论

请输入验证码:

本分类其它博客文章

小说阅读网》作品展示

小说阅读网》精品小说

联系我们 | 服务条款 | 隐私保护 | 人员招聘 | 投诉建议 | 友情链接