旺铺装修攻略(11):字幕和图片滚动marquee的使用

时间:2010-12-05 21:59 来源:淘宝论坛 作者:客必隆鞋城 浏览: 5556

1258楼 yayoz111 说 :

楼主您好,非常谢谢你的小店装修帖子!昨天晚上对着你的帖子研究了一晚上,但是还是有几个问题弄不懂,希望能够得到你的解答,谢谢了!第一个是,我的Dreamweaver里显示的代码,为什么不是中文的“促销区_01”这种,而是像乱码一样的一对英文呢?第二个问题是,加入文字的那一堆代码,大概是什么意思能不能简单解释一下,这样我们可以修改字体和颜色了;第三个问题是,加入联系方式哪里,我加入代码之后显示的如下的图形只有一个显示在线的图标,怎样才能显示“给我留言”、“QQ号码”等内容呢?是需要自己写代码吗?能不能简单介绍一下怎样写这个代码呢? 因为以前完全不懂,从零学起,所以问题可能很肤浅,希望楼主百忙之中抽空指点一二,谢谢啦!
 
关于第一个问题:我是没有碰到这样的问题,一般来说,只要是你的PSD文件是中文名字的话,那么切片之后保存的话,各个切片文件的名字就应该是PSD文件名加上序号的。比如我们PSD源文件是“促销区.psd”,那么切片后,切片的名字就是“促销区_01.XXX”,一直到最后一片。其实这样也没有什么问题,只要你自己知道是什么就行哦。如果你觉得不习惯,也可以手工更正,就是把images文件夹下的图片名字自己手工改过来,然后把相应的html文件中的名字也同时改过来就行了。
关于第二个问题:
<font color="#0099FF"><font size="5"><span style="line-height:1.5;">
       <marquee direction="up" scrollamount="1" scrolldelay="0" height="180" width="399" style="position:relative;" >
         <br /><font LETTER-SPACING: 0.4pt; COLOR: black;">楷体_GB2312"><strong>&nbsp;&nbsp;&nbsp;&nbsp;本店所发货物快递默认为申通快递。若有特殊要求,请事先申明,不便之处敬请谅解!</strong>
<br/>
<strong>声明:</strong>请各位买家在拍宝贝前务必先看清本店的退换货政策(参加优惠活动的宝贝除商品质量问题外一律不予以退换),在拍之前务必请先询问客服此款是否有货,以免造成不必要的麻烦。</font>
       </marquee>
          </span></font></font>
<font color="#0099FF">是规定的文字的颜色,<font size="5">这个是字号,<span style="line-height:1.5;">这个表明文字的行距;  <marquee direction="up" scrollamount="1" scrolldelay="0" height="180" width="399" style="position:relative;" >这个就是规定文字的滚动,其中direction="up",表明向上滚动,scrollamount="1",表明滚动速度;scrolldelay="0",表明在滚动过程中的暂停时间,0就是不暂停;height="180" width ="399" 是规定了文字滚动区的高度和宽度;

marquee解释

 

功能:

 

创建一个滚动的文本字幕。
 

 

参数:

 

direction 表示滚动的方向,值可以是left,right,up,down,默认为left
 
  behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
 
  loop 表示循环的次数,值是正整数,默认为无限循环
 
  scrollamount 表示运动速度,值是正整数,默认为6
 
  scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
 
  valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
 
  align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
 
  bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
 
  height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
 
  hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
 
  onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
 

 

基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等

方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>

循环
<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<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=ffaaaa align=middle>面积!</marquee>

 

觉得本文有用?

精彩评论