免费发布

新手请看:网店店铺里的滚动文字效果代码是如何制作的

更新:2010-02-09 21:00 浏览:5次
新手请看:网店店铺里的滚动文字效果代码是如何制作的
供应商:
梁长玥(个体经营) 商铺
企业认证
所在地
中国 安徽 六安市 安徽省六安市金安区皖西路6号b栋2单元703
联系人
梁长玥
让卖家联系我

详细

下面第5点是原始内容,我先试验了多行文字滚动,一通则百通,会一个了,那其它的你们可以自己试试。

多行文本向上滚动无限次
<marquee scrollamount="2" direction="right" width="300">这里写字幕内容<br/>   这个是代码
1、先写内容,比如我的:新店开张。。。。。

2、点编辑html源码

出现

(图片里的源文件是我修改过的)。

3、在文字处修改源文件。<marquee scrollamount="2" direction="right" width="300">这里写字幕内容<br/>   ,加到文字那里就行了,别的不需要动。修改后就是<marquee scrollamount="2" direction="right" width="300">新店开张。。。。。<br/>   

4、direction:用于设定活动字幕的滚动方向 向左、向右、向上、向下。
direction用法

down 向下运动
left    向左运动 
right   向右运动
up       向上运动        

width="300"是设置宽度的,各位可自我调节。

如有不明白的和我联系,或者看我的店铺http://shop60363191.taobao.com/。

 5、网店店铺里的滚动文字效果代码是如何制作的
用html的<marquee>活动字幕标记所需的代码最少,并且能够以较少的下载时间换来不错的效果。该标记语法格式如下:
< marquee aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
scrolldelay=n
width=n
vspace=n
loop=n>
各参数详解:
1、align:是设定活动字幕的位置 左,中,右,顶,底 都是很常见的就不用多说了吧。
2、bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
3、direction:用于设定活动字幕的滚动方向 向左、向右、向上、向下。
direction用法 down
left
right
up

向下运动
向左运动
向右运动
向上运动

勤奋的小懒猫 勤奋的小懒猫 勤奋的小懒猫 勤奋的小懒猫

4、behavior。用它来控制滚动方式,默认为scroll(从一端到另一端循环滚动),可选的值还有alternate(在两端之间来回滚动)、slide(幻灯片效果,从一端到另一端滚动一次,然后停止滚动)
behavior用法 alternate
scroll
slide

内容在相反两个方向滚来滚去 内容向同一个方向滚动 内容接触到字幕边框就停止滚动
marquee测试 marquee测试 marquee测试

5、height和 width:设定滚动字幕的高度和宽度。(这两项参数,在制作垂直滚动时比较有用)
6、hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
7、scrollamount:用于设定活动字幕的滚动速度,值越大速度越快。默认为6,建议设为1~3比较好。
scrollamount值为1
scrollamount值为50

勤奋的小懒猫 勤奋的小懒猫

8、scrolldelay:用于设定滚动两次之间的延迟时间。 默认为90,值越大,速度越慢。通常scrolldelay是不需要设置的。
scrolldelay值为1
scrolldelay值为500

勤奋的小懒猫 勤奋的小懒猫

9、loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

应用实例:
1、单行文字滚动无限次
marquee标记的默认情况就是单行文字向左滚动无限次,如下:
<marquee>这里写字幕文字</marquee>
勤奋的小懒猫
但通常,我们还需要添加scrollamount和width参数来控制速度和字幕的宽度,如下:
<marquee scrollamount="2" width="300">这里写字幕内容</marquee>
勤奋的小懒猫
如果需要向右滚动,只要再添加direction参数即可
<marquee scrollamount="2" direction="right" width="300">这里写字幕内容</marquee>
勤奋的小懒猫
2、多行文本向上滚动无限次
<marquee scrollamount="2" direction="right" width="300">这里写字幕内容<br/>第二行</marquee>
勤奋的小懒猫
绣色可餐
欢迎您的光临
这里需要注意的是,如果字幕是放在表格里,一定要注意,宽度个高度设置,一定不要超过单元格的宽度和高度,最好是稍微小一点。还有就是文字换行的时候,只能使用<br/>标记,不能用</p>


3、在滚动字幕中添加超链接
这个和平时作超链接是一样的只要在字母文字外面加上<a href="连接地址">和</a>就可以了。如下:
欢迎光临我的店铺
4、当鼠标停留在文字上,文字停止滚动
只要添加onmouseover和onmouseout参数即可,代码如下使用即可:
<marquee scrollamount="2" width="300">文字内容</marquee>

勤奋的小懒猫

5、设置滚动字幕的颜色
在字幕文字两端添加<a atyle="color:颜色代码">和</a>即可,如下:
<marquee scrollamount="2" width="300"><a atyle="color:ffffff">这里写字幕内容</a></marquee>
6、在字幕中插入图像
<marquee><img height="16" alt="" src="图片地址" width="17"/>这是加入图象的活动字幕</marquee>

[最后更新时间为 2010-01-17 09:23]




关于梁长玥(个体经营)商铺首页 | 更多产品 | 更多新闻 | 联系方式 | 黄页介绍
主要经营:日韩时尚服装 ; 时装包 ; 婴幼儿服饰
    梁长玥(个体经营)是代理商,特参加阿里巴巴小额批发平台,并有三个月的线下招商排名前六的优势,客户可以好好利用这段时间。主营日韩时尚服装、时装包、婴幼儿服饰,本人位于中国安徽六安市。梁长玥(个体经营)本着“客户第一,诚信至上”的原则,与多家企业建立了长期的合作关系。
想拥有属于自己品牌个性的外包装吗,不用羡慕名牌包装,本店可以帮你实现,可以根据你的要求进行包装设计、生产,使你拥有属于自己的个性外包装产品,有意者可以联系。 ...
内容声明:顺企网为第三方交易平台及互联网信息服务提供者,顺企网所展示的信息内容系由梁长玥(个体经营)经营者发布,其真实性、准确性和合法性均由店铺经营者负责。顺企网提醒您购买前注意谨慎核实,如您对信息有任何疑问的,请在购买前通过电话与商家沟通确认顺企网存在海量企业商铺和供求信息,如您发现店铺内有任何违法/侵权信息,请立即向顺企网举报并提供有效线索。
我们的其他新闻
您可能喜欢
顺企网 | 公司 | 黄页 | 产品 | 采购 | 资讯 | 免费注册 轻松建站
免责声明:本站信息由企业自行发布,本站完全免费,交易请核实资质,谨防诈骗,如有侵权请联系我们   法律声明  联系顺企网
ICP备案: 粤B2-20160116 / 粤ICP备12079258号 / 互联网药品信息服务资格证:(粤)-经营性-2016-0009 / 粤公网安备 44030702000007号
© 11467.com 顺企网版权所有 发布批发采购信息、查询企业黄页,上顺企网