公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

装修公告栏的滚动代码

2015-08-06 04:58:37

        在装修店铺时,一般会设置公告栏。很多卖家都喜欢把公告栏设置成滚动的效果。唯艺网店装修平台整理了相关的代码,大家一起来看一下吧。


        代码如下:
<MARQUEEheight=100widhth="200">

<Palign=left>

<Palign=center>

<IMGsrc="图片地址"width=123>

<IMGsrc="图片地址"width=123>

<IMGsrc="图片地址"width=123>

<IMGsrc="图片地址"width=369>

<IMGsrc="图片地址"width=123>

<IMGsrc="图片地址"width=123>

</P>

</MARQUEE>

图片滚动代码(从右向左滚动)

<marqueescrollamount=1scrolldelay=3valign=middlebehavior="scroll">

<imgborder="0"src="http://要滚动的图片地址1">

<imgborder="0"src="http://要滚动的图片地址2">

</marquee>

图片滚动代码(从下往上滚动)

<marqueealign=centerdirection=upscrollamount=1scrolldelay=3valign=middlebehavior="scroll">

<imgborder="0"src="http://要滚动的图片地址1">

<imgborder="0"src="http://要滚动的图片地址2">

</marquee>
<marqueescrollamount=1SCROLLDELAY=1border=0direction=upscrolldelay=70width=180height=130align=middle>

        把图片的连接地址写在这里

</marquee>

1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。

<marqueedirection=left>从右向左滚动</marquee>

<marqueedirection=right>从左向右滚动</marquee>

2.behavior属性:指定文本的滚动方式,分为三种:

Scroll:从一端消失后,在另一端出现并继续滚动。

<marqueebehavior=scroll>一圈一圈地滚动</marquee>

Slide:从一端滚动,接触到另一端后停止

<marqueebehaviro=slide>只滚动一次就停止</marquee>

Alternate:从一端滚动到另一端后,反向滚动。

<marqueebehavior=alternate>来回滚动</marquee>

direction=up(left、right、down)这个属性可以更改,这样就可以实现上下左右了。

        大致的代码就是这样,但代码中的图片宽值和地址,要根据实际重新设定。淘宝上的图片,一般会有一个限制尺寸,卖家在设计装修的时候,要留意一下这个。不然辛苦半天做出来的图片,又得重新修改,太耽误时间。此外,图片一般先上传到一个空间相册,再从相册把地址复制粘贴过来。

  

        本文出自唯艺网店装修平台(www.weiyi5.cc,转载请注明出处!


0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 英伦雅致 潮流鞋靴 精品鞋包网店模板

    英伦雅致 潮流鞋靴 精品鞋包网店模板

    人气:57481
  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

    人气:38793
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571
  • 时尚美容美妆馆

    时尚美容美妆馆

    人气:0
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577