淘宝滚动文字代码 找了很久终于找到
循环不间断向上滚动的文本特效代码-文本文字特效
<br>
<a href="#">模板无忧欢迎您4</a><br>
<br>
</div>
<script language="JavaScript">
marqueesHeight=200;
stopscroll=false;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
淘宝代码
video
/data2/music/121562365/1201250291405742461128.mp3?xcode=b218f16d8c03a983ee0dd05f0d2997c0ea862c4a5774de86
/up/mp3/44803/876B2C3EBD0E0624AE09518F107E0CF3.mp3
举例:<marquee><a href="商品地址"><img alt="" src="图片地址" /></a><a href="商品地址"><img alt="" src="图片地址" /><a href="商品地址"><img alt="" src="图片地址" /><a href="商品地址"><img alt="" src="图片地址" /><a href="商品地址"><img alt="" src="图片地址" /></a></marquee>
进入我的淘宝首页,管理我的店铺,在基本介绍里,复制粘贴进店铺介绍或店铺公告都行
文字移动代码:
代码:<marquee>添加你想添加的字就行了</marquee>
</marquee>是一对控制文字滚动的代码,放在它们之间的文字显示出来的效果就是从右到左移动。代码中间的字可以换成自己想要的字
上下左右滚动文字代码
上下左右滚动文字代码上下左右滚动文字代码下左右滚动文字代码字滚动代码1、来回滚动(marquee behavior=" alternate ")(font color=red)文字来回滚动(/marquee )实际效果:文字来回滚动~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />2、向一边滚动(marquee)(font color=#颜色代码)文字向一边滚动(/marquee )实际效果:文字向一边滚动~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~3、走走停停(marquee scrolldelay=500 scrollamount=100)文字走走停停(/marquee)实际效果:文字走走停停~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~4、只走几趟(以3趟为例)(marquee loop=3 width=50% behavior=scroll )文字只走3趟(/marquee)实际效果:文字只走3趟~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~5、选定滚动方向(marquee direction=left )文字自右向左移(/marquee)实际效果:文字自右向左移~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~(marquee direction=right )文字自左向右移(/marquee)实际效果:文字自左向右移~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<marquee scrollamount=8>文字很快滚。
</marquee>文字很快滚。
淘宝装修:淘宝公告栏滚动代码
</marquee>
1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。
<marqueedirection=left>从右向左滚动</marquee>
<marqueedirection=right>从左向右滚动</marquee>
2.behavior属性:指定文本的滚动方式,分为三种:
Scroll:从一端消失后,在另一端出现并继续滚动。
<marqueebehavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动,接触到另一端后停止
<marqueebehaviro=slide>只滚动一次就停止</marquee>
</div>
</div>
请高手指点下淘宝公告栏滚动代码!!
代码如下:(换下宽值和图片地址即可!)
<MARQUEEheight=100widhth="200">
<Palign=left>
<Palign=center>
<IMGsrc="图片地址"width=123>
<IMGsrc="图片地址"width=123>
<IMGsrc="图片地址"width=123>
<IMGsrc="图片地址"width=369>
<IMGsrc="图片地址"width=123>
淘宝店铺装修模板图片轮播代码
淘宝店铺装修模板图片轮播代码店铺装修模板图片轮播代码是一款能够美化店铺装修,吸引客户注意力,激发购买热情,提高宝贝转化率的产品。
该产品分为A款、B款、C款三种,每款都包含左右滚动、上下滚动、渐变三种效果代码。
其中,A款左右滚动代码如下:div style="" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls':'lst-main','navCls':'lst-trigger','activeTriggerCls':'current'}" data-widget-type="Slide"> ul class="lst-main">li>a style="" href="/" target="_blank">img src="" alt="图片1">a>li>li>a style="" href="/" target="_blank">img src="" alt="图片2">a>li>ul>div>以上是A款左右滚动代码演示,使用该代码能够为店铺增添不少美观度,同时吸引客户的注意力,提高宝贝转化率。
把图片轮播代码粘贴进去,点击保存即可。
使用图片轮播功能可以让店铺更加生动有趣,吸引更多的顾客。
淘宝全套模板代码
四、 浮动的图片的代码:<img alt="1" height="150"
src="这里放图片地址"/>
五、 悬浮挂饰代码:<img src="这里放图片地址" style="
left:20px; position: relative; top:0px" />
六、 文字链接代码:<a href="网页地址">链接的文字</a>
七、 移动文字代码:<marquee>从右到左移动的文字</marquee>
八、计数器代码<a href=""mg src="计数器地址"border=0alt=""></a>
九、 店铺公告里的漂亮悬浮挂件的代码:<marquee style="p
osition:relative;" rollamount="1" scrolldelay="85" di
rection="up" behavior="scroll" height="60"><img src="
加入你自己的图片地址" />
下是代码,希望可以帮到你
一、 插入图片代码:<img src="图片链接地址" />
二、 插入公告栏挂饰代码:<img src="图片链接地址"
style="left:20px; position: relative; top:0px" />
淘宝常用代码大全
十四、浮动的图片的代码: </td></tr></table>;<imgalt="1" height="150" src="图 片地址"
十五、添加 QQ 在线::<a class='qqa'
target=blankhref='/msgrd?V=1&Uin=3 20001031&Site=在线咨询&Menu=no'title='在线即时交谈 '><imgsrc=/qqimages/QQonline. gif border=0align=middle>320001031</a> 十六、添加 WW 在线: <Ahref="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyew en"><IMGsrc="/newstyle/online _pic.gif"border=0></A>
六、缩短网址最佳利器:/ 七、计数器申请网站:/ 八、插入图片:<img border="0" src="图片地址"/> 九、插入公告图片:<img src="公告图片地址"/> 十、插入公告挂饰:<img src="图片地址" style="left:20px;position: relative; top:0px" /> ☆把挂饰图片上传到网络相册里哦!!!!, 然后点击图片放大,在大图中鼠标右键选择属性,在属性中 有网络地址,把它拷贝下来, 放到下边一串代码里替代汉字部分!!! <img src="图片地址" style="left:20px;
淘宝代码大全
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
另外,还要在源文件底部输入代码:</td></tr></table>
十二、 添加QQ在线交谈代码:
六、 文字链接代码:
<a href="网页地址">链接的文字</a>
七、 移动文字代码:
<marquee>从右到左移动的文字</marquee>
八、 计数器代码
<a href="" target="_blank"><img src="计数器地址"border=0
如果输入一个<br>,那就是另起一行,如果连续输入两个,即<br><br>,那就会空一行
二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
i++;
statusMessage();
}
// End -->
</script>
淘宝 HTML代码
淘宝 HTML代码1、一、公告栏的图片代码,帖到公告栏就行了.公告栏的位置-----点我的淘宝----- 管理我的店铺------基本设置,下面是公告的位置。
<Img Src="图片的所在的地址"> 备注:宽度不要超过350像素2、二、公告悬浮装饰图片代码,COPY到公告栏里就行了<img src="你图片的地址" style="left: 20px; position: relative; top: 0px" />3、三、加背景音乐的代码。
拷贝到公告栏里就行了<bgsound src="你的背景音乐地址" loop=-1>4、四、滚动字幕代码:这个用处可就多了,放到哪里那些字都是会动的,有很多朋友在好评里都会用到<Marquee>输入你想说的话</Marquee>5、五、自定义颜色代码<Font color=blue>输入你想要说的话</font>注意:等于号"="后就是颜色的英文:不喜欢这个颜色还可以换成其他颜色的,如:red(红)、blue(蓝)、green(绿)等;不过注意代码的总长度不要超过40哦。
6、六、增加链接<A href="链接地址">链接内容</a>7、七、店铺分类的代码<IMg src=" 图片的地址 " /> 代码就放在:我的淘宝—管理我的店铺—宝贝分类简单介绍一下操作方法:1、选好喜欢的宝贝分类模板,复制保存之后,填上适当的文字,然后上传到网上相册;2、复制代码 <Img src="" /> 到宝贝分类中;3、打开网上相册,选中相应的模板,右击属性,复制属性中的图片地址;4、由于网上的图片地址过长,因此需要进行网址缩短工作:即把复制的图片地址到这个网站中进行缩短,然后会出现一个较短的图片地址5、再用短地址放入 <Img src="" /> 的""中就ok了8、八、如何在店铺公告添加个性的鼠标指针代码如下,它可以让您的店铺公告更有吸引力呀<Table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">另外,还要在源文件底部输入代码:</Td></tr></table>HTML实现鼠标滑过切换图片的代码<div class="sub all_t10" style="width:300px;height:300px; dashed #ccc;background:url(/imgextra/i3/743545528/T2gttoXBpaXXXXXX XX_!!743545528.jpg_310x310.jpg);float:left;margin-right: 20px"><divdata-widget-config="{'trigger':'.all_t10','align':{'node':'.all_t10','offset':[0,-300],'points':['bc','tc']}}" data-widget-type="Popup" class="J_TWidget hidden"><divstyle="width:298px;height:298px;background:url(/imgextra/i3/74354 5528/T2QW8dXzlaXXXXXXXX_!!743545528.jpg_310x310.jpg)"><a href="#" style="display:block;width:298px;height:298px;" target="_blank"></a></div></div></div>注意:“sub all_t10”这个序列号需要修改一下,全部修改,一个图片切换一个对应的数字。
文字滚动代码
</font>
</body>
</html>
— <marquee></marquee>标签的scrollamount属性用于设置内容滚动速度。
— <marquee></marquee>标签的behavior 属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。当其值为slide时,内容滚动一次即停止,不会循环。还有一个loop属性可设置其滚动循环次数,默认为没有限制。
<body>
<font size="3" color="#cc0000">
文字滚动示例(默认):<marquee>做人要厚道</marquee>
文字滚动示例(向右):<marquee direction="right" scrolldelay="500">做人要厚道</marquee>
— <marquee></marquee>标签的height属性用于设置内容滚动背景高度。
修改mar.htm网页文件,编写代码如代码4.16所示。
代码4.16 文字滚动的设置:mar.htm
移动文字的代码
移动文字的代码移动文字的代码一、移动文字的基本代码:带有框的移动文字代码:<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字(图片等)</marquee>注解:这里的scrollamount=1是移动速度控制,控速移动字代码:<marquee scrollamount=N>控速移动字</marquee>,速度控制值N为>0的任意值,最大甚至可以到300。
<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间1向上移动的文字代码:</font><br><P align=center><TABLE style="; WORD-BREAK: break-all" width="90%" border=0><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up><P align=center><FONT face=隶书color=#ff0000 size=7><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></T BODY></TABLE></P>2、向下移动的文字代码:<P align=center><TABLE style="; WORD-BREAK: break-all" width="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down><P align=center><FONT face=隶书color=#ff0000 size=7><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></T BODY></TABLE></P>3、向左移动的文字代码1:<P align=center><TABLE style="; WORD-BREAK: break-all" width="90%" border=0><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8><P align=center><FONT face=隶书color=#ff0000 size=5><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></T BODY></TABLE></P>3向左移动的文字代码2:<div align="center"><div style="width: 650px; height: 100px; filter: shadow(color= #FF4500, strength=60);"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ffff00" face="迷你简秀英"> <div align="left"><marquee style="width: 650px; height: 100px;" scrollAmount="2"><b>向左移动的文字代码!</b></marquee></div></font></div></div>4、向右移动的文字代码:<P align=center><BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right><P align=center><FONT face=隶书color=#ff0000 size=7><B>向右移动的文字</B></FONT></P></MARQUEE></P>5、由中间向两边移动的文字和图像<P align=center> </P><P align=center><FONT face=华文彩云color=#ee110e size=5><MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)"style="CURSOR: pointer" src=" " >由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云color=#ee110e size=5><FONTface=华文彩云 color=#ee1111 size=5><MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMGstyle="CURSOR: pointer" src=" "></FONT></MARQUEE></FONT></FONT></P></FONT>6、来回走动的文字代码:</font><br><P align=center> </P><P align=center><TABLE style="; WORD-BREAK: break-all" width="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?><P align=center><FONT face=隶书color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></T BODY></TABLE></P>7、带尾晕的移动文字代码:<MARQUEE style="FILTER: shadow(color=#00FF33, strength=8); WIDTH: 715px;HEIGHT: 106px" scrollAmount=10 DIV><FONT style="LINE-HEIGHT: normal;FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt;FONT-WEIGHT: normal" color=#33ffff face=华文彩云>带着盈盈思念,带着温馨祈愿,远方的你是否无恙?在这个思念的季节里。
滚动文字特效代码集锦
滚动文字特效代码集锦一、立体滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>忘却人性的最初</B></FONT> </marquee>忘却人性的最初2、左右移动的代码:<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>忘却人性的最初</B></FONT></marquee>忘却人性的最初二、凹凸投影滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却幸福的微笑</B></FONT> </marquee>忘却幸福的微笑2、左右移动的代码:<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却幸福的微笑</B></FONT></marquee>忘却幸福的微笑三、金属滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却邪恶的根源</B></FONT> </marquee>忘却邪恶的根源2、左右移动的代码:<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却邪恶的根源</B></FONT></marquee>忘却邪恶的根源四、空心金属滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却等待的烦躁</B></marquee>忘却等待的烦躁2、左右移动的代码:<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却等待的烦躁</B></marquee>忘却等待的烦躁五、若隐若现滚动字:1、循环滚动的代码:<MARQUEE style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>忘却临界的恐惧</B></FONT></MARQUEE>忘却临界的恐惧2、左右移动的代码:<MARQUEE behavior=alternate style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>忘却临界的恐惧</B></FONT></MARQUEE>忘却临界的恐惧代码说明:opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明;style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
网站上下左右滚动文字代码
网站上下左右滚动文字代码1.<marquee onmouseover=this.stop() onmouseout=this.start()>鼠标放上去停止滚动~移开继续滚动。
</marquee>效果如下:2.<marquee direction=up scrollamount=3 > 文字向上滚。
</marquee>效果如下:3.<marquee direction=down scrollamount=3 > 文字下向滚。
</marquee>效果如下:文字移动速度的设置:请注意下面语句中的红色属性4.<marquee direction="left" scrolldelay="60"> 文字部分</marquee>IE默认值为60(单位:毫秒)取值越大,移动越慢(小于60,IE仍默认为60)。
效果如下:5.常用字体:宋体黑体楷体_GB2312 仿宋_GB2312新宋体幼圆隶书方正舒体华文新魏华文行楷华文细黑华文彩云6.常用字体颜色:浅绿----aqua 黑----black 兰----blue 紫红----fuchsia~灰----gray 绿----green 亮绿----lime 茶----maroon~深兰----navy 橄榄----olive 紫----pourple 红---red~银----silver 青----teal 白----white 黄----yellow 紫红--purple7.图片、文字左右移动,代码如下<marquee width=100% behavior=alternate><imgsrc="/Template/UploadFiles_8527/200803/2008031620094361.gif"></marquee> 效果如下:。
横向滚动文字(公告)代码
横向滚动⽂字(公告)代码<div id="demow" style="width:500px;float:left;overflow:hidden;white-space:nowrap;"><div id="demow1"><%set rs=server.CreateObject("adodb.recordset")sql="select top 3 title,articleid from news where smallclassname='滚动公告' order by articleid desc"rs.open sql,conn,1,3do while not rs.eof%><a href="news_show.asp?articleid=<%=rs("articleid")%>" target="_blank"><font color="#990000"><%=rs("title")%></font> </a> <%rs.movenextlooprs.closeset rs=nothing%></div><div id="demow2"></div></div><script style="text/javascript">var speed=40;//数值越⼤,速度越慢var demow2=document.getElementById("demow2");var demow1=document.getElementById("demow1");var demow=document.getElementById("demow");function MarqueeLeft(){if(demow2.offsetWidth-demow.scrollLeft<=0)demow.scrollLeft-=demow1.offsetWidthelse{demow.scrollLeft++}}var MyMar=setInterval(MarqueeLeft,speed);demow.onmouseover=function() {clearInterval(MyMar);}demow.onmouseout=function() {MyMar=setInterval(MarqueeLeft,speed);}</script>。
网页里文字上下滚动的源代码
网页里文字上下滚动的源代码网页里文字上下滚动的源代码分类:代码专题 | 修改 | 删除 | 转自月下泛舟 | 被1人转藏 | 2009-10-14 16:30:181 网页里文字上下滚动的源代码:(direction=up向上)(direction=down向下)(direction=left向左)注意:下面width=450是更改文字在网页里面滚动的宽度,scrolldelay=80是更改文字运行的速度,如果想改变文字运行方向,aligh:是设置字幕是否居中,left是居左、center是居中、right是居右top是居上、bottom是居下,bgcolor是设置被景颜色,<img scr="某个图片的链接,只要把这断代码手面换成图片,就可以实行图片滚动了,请按照上面的要求更改下面的代码,<marquee direction=up TrueSpeed scrollAmount=1scrollDelay=80 height=300width=450 border="0"><br>有太多往事就别喝下太少酒精<br>太珍惜生命就别随便掏心</marquee>1-1<DIV><TABLE borderColor=#000000 cellSpacing=0 cellPadding=5 bgColor=#6699ff border=1><TBODY><TR><TD><MARQUEE scrollAmount=1 scrollDelay=10 direction=up width=180 height=100><P align=center><FONT face=黑体 color=#ffffff>你所要输入的主题</FONT></P><P><FONT color=#ffffff>你所要输入的主题你所要输入的正文内容</FONT></P></MARQUEE></TD></TR></TBODY></TAB LE></DIV>注:=换行代码borderColor=边框颜色代码bgColor=背景颜色代码scrollAmount=滚动速度scrollDelay=设置字幕内容滚动时停顿的时间(如果要让滚动看起来流畅,数值应该尽量小) direction=方向(上下左右依次是"up","down","left","right") width=滚动界面的宽height=滚动界面的高 FONT color=文字颜色cellPadding=文字缩进宽度上面的数值可以根据自己的需要更改。
淘宝网滚动公告代码详解
你看我会移动而且还有背景色哦!
面积height="#" width="#"
代码:<marquee bgcolor="#aaeeaa" height="40" width="50%">你看我会移动而且宽度只占一半哦!</marquee>
效果:
你看我会移动而且宽度只占一半哦!
好啦,大家学会了吗?
记得看完顶帖哦,看帖顶帖是美德
是好帖就要顶起来让大家都看到
你看我会一圈一圈绕着走!
你看我会来回走!
速度scrollamount="#"
代码:<marquee scrollamount="20">你看我走得好快哦!</marquee>
效果:
你看我走得好快哦!
延时scrolldelay="#"
代码:<marquee scrollamount="100" scrolldelay="500">你看我走走停停!</marquee>
代码:
<marquee>你看我会从右向左移!</marquee>
<marquee direction="right">你看会我从左向右移!</marquee>
<marquee direction="up">你看我会从下向上移!</marquee>
<marquee direction="down">你看我会从上向下移!你看我会从右向左移!
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
淘宝滚动文字代码找了很久终于找到1. 文字来回滚动:代码: <MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>2. 向右移动的竖排文字:代码: <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=0 direction=up width=250 height=150><P align=left>向右移动的竖排文字</SPAN><BR>向右移动的竖排文字<BR>向右移动的竖排文字<BR>向右移动的竖排文字</P></MARQUEE>3. 向上移动的文字:代码: <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>向上移动的文字<BR>向上移动的文字</MARQUEE>4. 向下移动的文字:代码: <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>向下移动的文字<BR>向下移动的文字</MARQUEE>5. 从右向左滚动:代码: <MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>6. 从左向右滚动:代码: <MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>7. 上下反弹:代码: <MARQUEE style="WIDTH: 700px; HEIGHT: 150px" scrollAmount=2 direction=up behavior=alternate>上下反弹</MARQUEE>8. 从左向右文字波浪式移动:代码: <MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%"><MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>9. 文字来回波浪式移动:代码: <MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%"><MARQUEE direction=right behavior=alternate>文字来回波浪式移动</MARQUEE></MARQUEE>10. 躲躲字,跑给你追:代码: <MARQUEE behavior=alternate><MARQUEE scrollAmount=5width=150>躲躲字,跑给你追</MARQUEE></MARQUEE>11. 原地跳动的文字:代码: <MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><MARQUEE direction=up behavior=alternate width=60height=80>大</MARQUEE><MARQUEE direction=up behavior=alternatewidth=60 height=120>家</MARQUEE><MARQUEE direction=upbehavior=alternate width=60 height=80>永</MARQUEE><MARQUEEdirection=up behavior=alternate width=60 height=120>远</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><MARQUEE direction=up behavior=alternate width=60height=120>福</MARQUEE>12. 波浪字:代码: <MARQUEE style="FILTER: wave(add=0,phase=1,freq=1,strength=15,color=.FFFFFF)" scrollAmount=2 scrollDelay=65 direction=up behavior=alternate height=120><CENTER>波浪字<BR>波浪字</CENTER></MARQUEE>13. 由中间向两边移动的文字:代码: <P align=center><FONT color=#ee110e size=7 face=宋体><MARQUEE height=50 width=600>欢迎光临 </MARQUEE></FONT></MARQUEE><FONT color=#ee110e size=7 face=宋体><FONT color=#ee1111 size=7 face=宋体> <MARQUEE direction=right height=50 width=600>欢迎光临</MARQUEE></FONT></MARQUEE></FONT></FONT></P><P align=center><FONT color=#ee110e size=7 face=宋体>14. 由上下向中间移动的字体:代码: <P align=center><MARQUEE style="WIDTH: 510px; HEIGHT: 60px" direction=down height=60 scrollAmount=2><CENTER><FONT color=#ff0000 size=5 face=隶书><B>祝你快乐</B></FONT></CENTER></B></MARQUEE></P><CENTER><MARQUEE style="WIDTH: 513px; HEIGHT: 60px" direction=up height=60 scrollAmount=2><CENTER><FONT color=#ff0000 size=5 face=隶书><B>祝你快乐</B></FONT></CENTER></B></MARQUEE></CENTER>15. 左右运动的文字:代码: <DIV align=center><MARQUEE direction=right height=50 width=600><DIV align=center> <FONT color=#ff0000 size=5>浏览愉快</FONT></DIV></MARQUEE></DIV><DIV align=center><MARQUEE height=50 width=600><DIV align=center><FONT color=#ff0000 size=5 face=隶书>浏览愉快</FONT></DIV></MARQUEE></DIV>注: 各参数详解: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(幻灯片效果,指的是滚动一次,然后停止滚动)。