网页设计HTML图片滚动代码
图片滚动特效代码
图片滚动特效代码图片滚动特效代码注意: 各参数详解：（1）scrollAmount。
它表示速度，值越大速度越快。
如果没有它，默认为6，建议设为1～3比较好。
（2）width和height，表示滚动区域的大小，width是宽度，height是高度。
特别是在做垂直滚动的时候，一定要设height 的值。
（3）direction。
表示滚动的方向，默认为从右向左：←←←。
可选的值有right、down、up。
滚动方向分别为：right表示→→→，up表示↑，down表示↓。
（4）scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。
通常scrollDelay是不需要设置的。
（5）behavior。
用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)（6）蓝色地方是图片地址，可以换上自己喜欢的图片。
1.图片向上循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275 direction=up><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：2.图片向下循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275 direction=down><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：3.图片向左循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275> <A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：4.图片向右循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275 direction=right><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：5.图片来回滚动代码：<CENTER><MARQUEE width=380 scrollAmount=3 height=275 behavior="alternate"><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：以上五种图片滚动效果代码说明：1.“width=380”表示滚动的宽度范围，数值可以按自己喜欢的调整2.“height=275”表示滚动的高度范围，数值可以随意调整3.“scrollAmount=3”表示滚度速度为3，1到3为最佳数值，默认为64.“height=275”表示图片的高度为275（建议按自己喜欢的图片高度调整）5.“width=220”表示图片的宽度为220（建议按自己喜欢的图片宽度调整）6.“图片地址”表示图片的属性地址粘贴处（因本人太懒，所以所有的滚动图片都只用一张代替；(*^__^*)，当然，每个“图片地址”都可以换上不同的图片地址，效果会更好。
dreamweaver制作网页常用代码
meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。
meta 的属性有两种：name和http-equiv。
name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。
比较常用的有以下几个：name 属性<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；<meta name="Robots"contect="all|none|index|noindex|follow|nofollow">其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页面上的链接不可以被查询；设定为index：文件将被检索；设定为follow：页面上的链接可以被查询；设定为noindex：文件将不被检索，但页面上的链接可以被查询；设定为nofollow：文件将不被检索，页面上的链接可以被查询。
网页设计代码大全
网页设计代码大全Background refers to the background image of a webpage。
while bgcolor refers to the background color。
Text refers to the color of the font。
while link。
alink。
XXX clickable text。
XXX has been clicked。
XXX。
XXX to the left and top margins of the webpage.The format for titles is XXX。
where n ranges from h1 toh6.The align attribute can be set to left。
right。
center。
bottom。
or top。
To format text。
use the text tag。
To modify the font。
use tags such as。
for bold。
for underline。
for italic。
for larger text。
and。
XXXTo create paragraphs。
use the。
tag and set the align attribute to left。
right。
or center。
To force a line break。
use。
Preformatted text can be created using the。
tag。
Horizontal lines can be inserted using the。
tag。
with attributes such as width。
size。
align。
and color。
To create a XXX。
use the。
tag。
For lists。
unordered lists can be created using the。
网页设计HTML代码大全
ID=ID 唯一的ID
>
<BASE 定义文档的默认URL基准和默认目标框架(唯一)
HREF="/project/data/" 指定默认 URL 基准
TARGET="main" 指定默认的目标框架，单击连接时在默认框架显示
>
<META META标记符，包含了网页的元数据信息，
ALINK 设置活动连接（即当前选定的连接）的颜色
ONLOAD=Script 文档加载时执行脚本的事件
ONUNLOAD=Script 文档退出时执行脚本的事件
>
物理字符样式:
<HTML> html标记(开始标记符和结束标记符都可以省略)
<HEAD> 首部标记(开始标记符和结束标记符都可以省略)
<BODY 正文标记符(开始标记符和结束标记符都可以省略)
BGCOLOR="#RRGGBB" 背景颜色
<SMALL> </SMALL> 小字体
<STRIKE> </STRIKE> 删除线
<SUB> </SUB> 下标
<SUP> </SUP> 上标
FACE="宋体,黑体,楷体" 字体样式:
即"字体"，浏览器优先使用第一种字体，若系统中没有则使用第二种，依次类推，如果找不到匹配字体，浏览器将使用默认字体
<B> </B> 粗体
<BIG> </BIG> 大字体
〖Html代码〗滚动文字+跳动图片
〖Html代码〗滚动文字+跳动图片〖Html代码〗滚动文字+跳动图片·为了增加页面的动感，有时需要加一些特效，比如滚动字幕，现在就来介绍一下滚动字幕的添加方法。
起始步骤还是老方法，详情见『在博客内添加滚动文本框』一文。
注：下面代码中颜色为红色的可修改--------------------------------------------------------------------------------1、有阴影的字体代码：<FONT style="FONT-WEIGHT:bolder; FONT-SIZE: 50px; FILTER: blur(add=1,direction=45,strength=10); WIDTH: 500px;POSITION: relative"><P><FONT color=#ff0000（颜色）>欢迎光临我的博客（显示的字）</FONT></P></FONT>2、上下移动字体代码：<MARQUEE scrollAmount=2 direction=down height=60> <CENTER><FONT face=华文彩云 color=#da70d6 size=7><B>朋友，欢迎您的到来~~~~</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE scrollAmount=2 direction=up height=60><CENTER><FONT face=华文彩云#da70d6(颜色) size=7><B>朋友，欢迎您的到来~~~~</FONT></CENTER></B></MARQUEE>3、左右移动字体代码：<MARQUEE style="WIDTH:226px; HEIGHT: 50px" width=226 height=50><STRONG><FONT size=6><FONT face=楷体_GB2312 color=#9400d3(颜色)>欢迎您</FONT></FONT></STRONG></MARQUEE><FONT face=幼圆 size=5><MARQUEE style="WIDTH: 220px; HEIGHT: 50px" direction= right width=220 height=50><STRONG><FONT face=楷体_GB2312><FONT color=#9400d3 size=6>欢迎您</FONT></STRONG></FONT></MARQUEE>4、大段字上移效果代码：<P align=center><MARQUEE scrollAmount=2 direction=up height=500><CENTER><FONT face=隶书 color=#008000 size=4><B><B>地上本来没有路<BR>走的人多了<BR>便成了路<BR>只要有了路<BR>就有探索的脚步<BR>~~~~~~~~~~<BR>漫步人生路<BR>几多风雨<BR>几度春秋<BR>往事可以忘却<BR>却忘不了<BR>走过的那段路<BR>回忆可以淡忘<BR>那段路却留在了<BR>心灵的深处<BR>~~~~~~~~~~<BR>漫步人生路<BR>关键的时刻<BR>往往只有几步<BR>尤其是在<BR>人生的岔道口<BR>朋友<BR>[/color你千万把握住！]<BR>[color=red]只要选定了<BR>这条路<BR>就无怨无悔地<BR>朝前走<BR>~~~~~~~~~~<BR>漫步人生路<BR>斑斓会出现<BR>坎坷也会有<BR>但是要明白：<BR>彩虹是在风雨后<BR>~~~~~~~~~~<BR>漫步人生路<BR>情长长<BR>路漫漫<BR>回头已经没有岸<BR>只需知己<BR>相依相伴<BR>快快乐乐每一天<BR>携手走向<BR>那幸福的港湾<BR>~~~~~~~~~~<BR>漫步人生路<BR>路象一条船<BR>驶向天涯海角<BR>驶向辉煌的彼岸<BR>一路走来<BR>可别忘了<BR>收藏旅途的<BR>点点滴滴喜和忧<BR>留到晚年<BR>坐着轮椅<BR>和亲朋好友<BR>慢慢聊啊<BR>慢慢地聊....<BR>~~~~~~~~~~</B></FONT></CENTER></MARQUE E></P>注意说明：1、制文字移动速度的代码为scrollAmount=3，后面的数值越大则移动的速度越快，可以通过改变数值来控制文字的移动速度。
淘宝网店铺装修装饰HTML代码大全
如何提高店铺的访问量呢？有好的产品，有好的宣传，更吸引顾客眼球的是你有特别的装修，让你的店铺与众不同！好了，现在简单为大家总结了所有的html设计代码大全html设计代码大全1)贴图：<img src="/seopen/upload/201008011005262 654.jpg" alt="我的博客图片" />2)加入连接：<a href="/seopen">心灵隅SEO 教程之家</a>3)在新窗口打开连接：<a href="/seopen" target="_blank">SEO爱好者之家</a>4)移动字体(走马灯)：<marquee>心灵隅淘宝网店铺装修装饰HTML代码大全</marquee> （可用于店铺分类，和评价）5)字体加粗：<b>心灵隅淘宝网店铺装修装饰HTML代码大全</b>6)字体斜体：<i>心灵隅站长之博乐阁</i>7)字体下划线:<u>心灵隅站长作品站</u>8)字体删除线:<s>心灵隅SEO教程之家</s>9)字体加大:<big>五魁首之股评专栏</big>10)字体控制大小：<h1>淘宝商铺装饰HTML代码大全</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="背景图片地址" bodybgproperties=fixed>21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>（听到音乐了吗？也可以加在你的店铺公告里）23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>店铺装修代码1、店铺音乐代码:<bgsound="背景音乐网址" loop="-1">2、图片制作代码:<img src="这里放图片地址">3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址" />4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />5、商品分类代码:<img src="这里放图片地址" />6、字体大小代码:<font size="2">这里放要处理的文字，可用3、4、5等设置大小</font>7、字体颜色代码:<font color="red">这里放要处理的文字，可以换成blue,yellow等</font>8、文字链接代码:<a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短</a>9、移动文字代码:<marquee>从右到左移动的文字</marquee>10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound>11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">12、浮动图片代码:<img alt="1" height="150" src="这里放图片地址" />计数器代码颜色代码：1白色 #FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色 #00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色# 5C331711蓝紫色 #9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色 #8C785316青铜色2 #A67D3D17士官服蓝色 #5F9F9F18冷铜色 #D9871919铜色 #B8733320珊瑚红 #FF7F0021紫蓝色 #42426F22深棕 #5C403323深绿 #2F4F2F24深铜绿色 #4A766E25深橄榄绿 #4F4F2F26深兰花色 #9932CD27深紫色 #871F7828深石板蓝 #6B238E29深铅灰色 #2F4F4F30深棕褐色 #97694F32深绿松石色 #7093DB 33暗木色 #855E4234淡灰色 #54545435土灰玫瑰红色 #856363 36长石色 #D1927537火砖色#8E232338森林绿 #238E2339金色 #CD7F3240鲜黄色 #DBDB7041灰色 #C0C0C042铜绿色 #527F7643青黄色 #93DB7044猎人绿 #215E2145印度红 #4E2F2F46土黄色 #9F9F5F47浅蓝色 #C0D9D948浅灰色 #A8A8A849浅钢蓝色 #8F8FBD59浅木色 #E9C2A660石灰绿色 #32CD3261桔黄色 #E4783362褐红色 #8E236B63中海蓝色 #32CD9964中蓝色 #3232CD65中森林绿 #6B8E2366中鲜黄色 #EAEAAE67中兰花色 #9370DB68中海绿色 #426F4269中石板蓝色 #7F00FF 70中春绿色 #7FFF0071中绿松石色 #70DBDB 72中紫红色 #DB709373中木色 #A6806474深藏青色 #2F2F4F75海军蓝 #23238E76霓虹篮 #4D4DFF77霓虹粉红 #FF6EC778新深藏青色 #00009C 79新棕褐色 #EBC79E80暗金黄色 #CFB53B81橙色 #FF7F0082橙红色 #FF240083淡紫色 #DB70DB84浅绿色 #8FBC8F85粉红色 #BC8F8F86李子色 #EAADEA87石英色 #D9D9F388艳蓝色 #5959AB89鲑鱼色 #6F424290猩红色 #BC171791海绿色 #238E6892半甜巧克力色 #6B4226 93赭色 #8E6B2394银色 #E6E8FA95天蓝 #3299CC96石板蓝 #007FFF97艳粉红色 #FF1CAE98春绿色 #00FF7F99钢蓝色 #236B8E100亮天蓝色 #38B0DE101棕褐色 #DB9370102紫红色 #D8BFD8103石板蓝色 #ADEAEA104浓深棕色 #5C4033105淡浅灰色 #CDCDCD106紫罗兰色 #4F2F4F107紫罗兰红色 #CC3299108麦黄色#D8D8BF109黄绿色 #99CC32店铺公告里的漂亮悬浮挂件的代码公告图片的代码：<img border="0" src="图片地址" />公告挂饰：<img src="图片地址" style="left:20px; position: relative; top:0px" /> 店铺分类代码:<img src="缩完后的图片地址"／>背景音乐代码：<bgsound loop="-1" src="音乐地址"></bgsound>换行代码<br>计数器代码<a href="" target="_blank"><img src="计数器地址" border=0 alt=""></a>店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" onMouseOver="this.stop()" onMouse Out="this.start()" scrollamount="1" scrolldelay="85" direction="up" b ehavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置，-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。
网页图片无缝循环滚动html代码
图片循环滚动代码图片无缝滚动代码先介绍一下它的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。
先了解一下对象的几个的属性：innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度向上滚动的代码：<div id=demo style=overflow:hidden;height:400;width:160;background:#214984;color:#ffffff><tab le align=top cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><br><img src="pic/2.jpg" width="160" height="198" /><br><img src="pic/3.jpg" width="155" height="200" /><br><img src="pic/4.jpg" width="157" height="200" /></td></tr><tr><td id=demo2 valign=top></td></tr></table></div><script>var speed=30demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2function Marquee(){if(demo2.offsetHeight-demo.scrollTop<=0)//当滚动至demo1与demo2交界时demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端else{demo.scrollTop++}}var MyMar=setInterval(Marquee,speed)//设置定时器demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器</script>向下滚动：<div id=demo style=overflow:hidden;height:400;width:160;background:#214984;color:#ffffff><tab le align=top cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><br><img src="pic/2.jpg" width="160" height="198" /><br><img src="pic/3.jpg" width="155" height="200" /><br><img src="pic/4.jpg" width="157" height="200" /></td></tr><tr><td id=demo2 valign=top></td></tr></table></div><script>var speed=30demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo.scrollTop<=0)demo.scrollTop+=demo2.offsetHeightelse{demo.scrollTop--}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script>向左滚动：<div id=demo style=overflow:hidden;height:200;width:500;background:#214984;color:#ffffff><tab le align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><img src="pic/2.jpg" width="160" height="198" /><img src="pic/3.jpg" width="155" height="200" /><img src="pic/4.jpg" width="157" height="200" /></td><td id=demo2 valign=top></td></tr></table></div> <script>var speed=30demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script>向右滚动：<div id=demo style=overflow:hidden;height:200;width:500;background:#214984;color:#ffffff><tab le align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><img src="pic/2.jpg" width="160" height="198" /><img src="pic/3.jpg" width="155" height="200" /><img src="pic/4.jpg" width="157" height="200" /></td><td id=demo2 valign=top></td></tr></table></div> <script>var speed=30demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo.scrollLeft<=0)demo.scrollLeft+=demo2.offsetWidthelse{demo.scrollLeft--}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script><!--无缝向左循环代码开始--><div id="mhmove" style="overflow:hidden;width:800px;margin:0 auto 0;"> <table width="800px" border="0" cellspacing="0" cellpadding="0"> <tr><td width="800px" id="mhmove1"><table width="800px" border="0" cellpadding="0" cellspacing="0"><tr><td width="166" align="center"><img src="tupian/gumushi1538.4m.jpg"width="166" height="117" border="0" usemap="#Map2" /></td><td width="166" align="center"> <img src="tupian/tupian1/pingchuanghe7[1].jpg" width="166" height="117" border="0" usemap="#Map"/></td><td width="166" align="center"><img src="tupian/tupian1/1[2].jpg" width="166" height="117" border="0" usemap="#Map3" /></td><td width="166" align="center"><img src="tupian/tupian1/6[1].jpg" width="166" height="117" border="0" usemap="#Map4" /></td><td width="172" align="center"><img src="tupian/tupian1/92[1].jpg" width="166" height="117" border="0" usemap="#Map5" /></td><td width="172" align="center"><img src="tupian/dujuan_da2.jpg" width="166" height="117" border="0" usemap="#Map6" /></td></tr></table></td><td width="50" id="mhmove2"> </td></tr></table></div><script>var speed=40 ;mhmove2.innerHTML=mhmove1.innerHTML;function Marquee3(){if(mhmove2.offsetWidth-mhmove.scrollLeft<=0)mhmove.scrollLeft-=mhmove1.offsetWidth;else{mhmove.scrollLeft++;}}function Marquee4(){if(mhmove2.offsetHeight-mhmove.scrollTop<=0)mhmove.scrollTop-=mhmove1.offsetHeight;else{mhmove.scrollTop++;}}var MyMar2=setInterval(Marquee3,speed);mhmove.onmouseover=function() {clearInterval(MyMar2)}mhmove.onmouseout=function(){MyMar2=setInterval(Marquee3,speed)}</script><!--无缝循环代码结束-->。
网页设计代码大全
Html网页设计代码设计第一技术其次: ）-—--—--—-———-—-———----——-——-—-—--—1）贴图:<；img src="；图片地址＆quot;＆gt;2）加入连接：＆lt;a href=＆quot;所要连接的相关地址"；＆gt；写上你想写的字＆lt;/a ＆gt；1)贴图：〈img src="图片地址”>2)加入连接：<a href=”所要连接的相关地址"〉写上你想写的字〈/a>3)在新窗口打开连接：<a href="相关地址”target=”_blank”〉写上要写的字</a〉消除连接的下划线在新窗口打开连接：〈a href="相关地址" style="text-decoration：none" 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=300 height=45 type=audio/mpeg 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>/—————--—-—---—--—-———----—-———--—-—-—--—HTML特效代码----———-—-—--———---————--—-——---/1。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。
这个标记只适用于IE3以后的版的浏览器。
格式：<MARQUEE ALIGN="…"BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…"ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()>…</MARQUEE>属性：ALIGN：用于按设定的值对齐滚动的文本。
ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。
此属性不是必须使用的。
例：<MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是SLIDE，那么文本就移动到文档上，并停留在页边距上。
如果设定为ALTERNATE，则文本从一边移动到另一边。
如果设定为SCROLL，文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有：SILIDE，ALTERNATE，SCROLL。
例：<MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>BGCOLOR：用于设定字幕的背景颜色。
背景颜色可用RGB、16进制值的格式或颜色名称来设定。
例：<MARQUEE BGCOLOR="RED">用颜色名称设定滚动文字背景颜色为红色</MARQUEE><MARQUEE BGCOLOR="#FF0000">用16进制值设定滚动文字背景颜色为红色</MARQUEE><MARQUEE BGCOLOR=RGB(100%,0%,0%)>用RGB设定滚动文字背景颜色为红色</MARQUEE>DIRECTION：用于设定文本滚动的方向，可以设定的值有：LEFT，RIGHT。
此属性不是必须使用的。
例：<MARQUEE DIRECTION="LEFT">文字向左边滚动</MARQUEE><MARQUEE DIRECTION="RIGHT">文字向右边滚动</MARQUEE>HEIGHT：用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。
此属性不是必须使用的。
例：<MARQUEE HEIGHT="10%">滚动字幕的高度是可视页面的10%</MARQUEE><MARQUEE HEIGHT="12">滚动字幕的高度是12像素</MARQUEE>WIDTH：用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。
此属性不是必须使用的。
例：<MARQUEE WIDTH="90%">滚动字幕的宽度是可视页面的90%</MARQUEE><MARQUEE WIDTH="200">滚动字幕的宽度是200像素</MARQUEE>HSPACE：用于设定滚动字幕左右的空白空间，空白空间用像素表示。
此属性不是必须使用的。
例：<MARQUEE HSPACE="15">滚动字幕左右空白空间为15个像素</MARQUEE>VSPACE：用于设定滚动字幕上下的空白空间，空白空间用像素表示。
此属性不是必须使用的。
例：<MARQUEE VSPACE="2">滚动字幕上下的空白空间为2个像素</MARQUEE>LOOP：用于设定滚动字幕的滚动次数。
当LOOP的值为"INFINITE"或是"-1"时，则文字会无限制地滚动。
此属性不是必须使用的。
例：<MARQUEE LOOP="-1">文字滚动无数次</MARQUEE><MARQUEE LOOP="5">文字滚动5次</MARQUEE>SCROLLAMOUNT：用于设定每个连续滚动文本后面的间隔，该间隔用像素表示。
此属性不是必须使用的。
例：<MARQUEE SCROLLAMOUNT="10">此文本后面的间隔为10个像素</MARQUEE>SCROLLDELAY：用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。
此属性不是必须使用的。
例：<MARQUEE SCROLLDELAY="5">此文本两次滚动之间的间隔时间为5毫秒</MARQUEE>ONMOUSEOUT=this.start() ：用来设置鼠标移出该区域时继续滚动ONMOUSEOVER=this.stop()：用来设置鼠标移入该区域时停止滚动-------------------------------------------------------------<TABLE height=393 cellSpacing=0 cellPadding=0 width=524 align=center bgColor=#d1f6db border=0><FONT size=4><FONT color=#990033></FONT></FONT><TBODY><TR><FONT size=4><FONT color=#990033></FONT></FONT> <TD style="BORDER-RIGHT: 2px solid; PADDING-RIGHT: 1px;BORDER-TOP: 2px solid; PADDING-LEFT: 1px;PADDING-BOTTOM: 1px; BORDER-LEFT: 2px solid; LINE-HEIGHT: 20px; PADDING-TOP: 1px; BORDER-BOTTOM: 2px solid" borderColor=#99ccff bgColor=#000000 colSpan=2height=393><P style="MARGIN-TOP: -5px; MARGIN-BOTTOM: -5px;LINE-HEIGHT: 100%"><MARQUEE scrollDelay=100 direction=up height=393><IMG src="1.jpg"><IMG src="2.jpg"><IMG src="3.jpg"><IMG src="4.jpg"><IMG src="5.jpg"><IMG src="6.jpg"><IMG src="7.jpg"></MARQUEE></P><PRE style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;LINE-HEIGHT:100%"></FONT></PRE></TD></TR></TBODY></TABLE> ------------------------------------------------------------基本语法<marquee> ... </marquee>文字移动属性的设置方向<direction=#> #=left, right <marquee direction=left>从右向左移！</marquee>方式<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee><marquee behavior=slide>只走一次就歇了！</marquee> <marquee behavior=alternate>来回走</marquee>循环<loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3width=50% behavior=scroll>只走3 趟</marquee><marquee loop=3 width=50% behavior=slide>只走3 趟</marquee><marquee loop=3 width=50% behavior=alternate>只走3 趟！</marquee>速度<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>延时<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>外观(Layout)设置对齐方式(Align)<align=#> #=top, middle, bottom <font size=6><marquee align=# width=400>啦啦啦，我会移动耶！</marquee></font>底色<bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色！</marquee>面积<height=# width=#> <marquee height=40 width=50%bgcolor=aaeeaa>面积！</marquee>空白(Margins)<hspace=# vspace=#><marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaaalign=middle>面积！</marquee><marquee direction=up>我在向上走！</marquee><marquee direction=down>我又下向走了</marquee>补充一个无缝连接的循环滚动<html><head></head><body><TD WIDTH=390 HEIGHT=99><MARQUEE scrollAmount=4 scrollDelay=0 loop=1 width=390 height=99><SCRIPT language=JavaScript>for(t=1;t<=1000;t++)document.write("11111111111112222222222222222233333333333333")</SCRIPT></MARQUEE></TD></body></html>另一种实现无缝连接循环滚动得方法<div style=overflow:hidden;height:100px width:100px><div href="#" target="_blank"><img src="1.jpg" width="80" height="80" border="0"></a><a href="#" target="_blank"><img src="2.jpg" width="80"height="80" border="0"></a><a href="#" target="_blank"><img src="3.jpg" width="80"height="80" border="0"></a><a href="#" target="_blank"><img src="4.jpg" width="80"height="80" border="0"></a><a href="#" target="_blank">nudeangel_2</a><a href="#" target="_blank">nudeangel_3</a><a href="#" target="_blank">nudeangel_4</a><a href="#" target="_blank">nudeangel_5</a><a href="#" target="_blank">inudeangel_6</a><a href="#" target="_blank">nudeangel_7</a></div><div t=demo.scrollTopdemo2.innerHTML=demo1.innerHTMLfunction nudeangelMarquee(){if(demo2.offsetTop-demo.scrollTop<=0)demo.scrollTop-=demo1.offsetHeightelsedemo.scrollTop++}var repeat=setInterval(nudeangelMarquee,50);demo.onmouseover=function() {clearInterval(repeat);}demo.onmouseout=function(){repeat=setInterval(nudeangelMarquee,50);}-----------------------------------------------------------<marquee><bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee>最简单的图片移动特效———图片水平向左循环移动：<marquee><img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg"><img src="5.gif"><img src="6.gif"><img src="7.gif"><img src="8.gif"><img src="9.gif"><img src="10.gif"></marquee>。