淘宝滚动文字代码 找了很久终于找到
- 格式:doc
- 大小:58.00 KB
- 文档页数:7
上下左右滚动文字代码上下左右滚动文字代码下左右滚动文字代码字滚动代码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>文字很快滚。
淘宝店铺装修模板图片轮播代码店铺装修模板图片轮播代码是一款能够美化店铺装修,吸引客户注意力,激发购买热情,提高宝贝转化率的产品。
该产品分为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款左右滚动代码演示,使用该代码能够为店铺增添不少美观度,同时吸引客户的注意力,提高宝贝转化率。
把图片轮播代码粘贴进去,点击保存即可。
使用图片轮播功能可以让店铺更加生动有趣,吸引更多的顾客。
淘宝 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”这个序列号需要修改一下,全部修改,一个图片切换一个对应的数字。
移动文字的代码移动文字的代码一、移动文字的基本代码:带有框的移动文字代码:<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=文字缩进宽度上面的数值可以根据自己的需要更改。
淘宝滚动文字代码找了很久终于找到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(幻灯片效果,指的是滚动一次,然后停止滚动)。