学做网页简单的效果图 [转]_简单的网页效果图-优快云博客

本文链接：https://blog.youkuaiyun.com/sysadm520/article/details/221407

学做网页简单的效果图 [转]

移动字幕使用<marquee>标记，双标签。请勿必使用双标签!

其基本格式如下：

<marquee 属性＝属性值> 滚动内容 </marquee>

它的主要属性及其属性值如下：

align，对齐方式，其属性值为center，left，right，top, middle, bottom，分别表示居中，左对齐，右对齐，对齐上沿、中间、下沿；

direction，移动方向，其属性值为left，right，up,down;

bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb 16 进制数码，r=red，g=green，b=blue，也就是色彩中的三原色，也可是预定义色彩；

loop，移动字符的循环次数，属性值为数字，若未指定则循环不止(infinite)；

behavior，移动方式，属性值为scroll：文字单向移动，side：移动到边界停止，alternate：到边界后反向移动；

width及height，文字高度和宽度，以象素为单位，属性值为数字；

hspace字符左右留白长度，属性值为数字；

vspace字符上下留白长度，属性值为数字；

scrollamount字符的移动速度，属性值为数字，数值越大速度越大，反之亦然；

scrolldelay字符移动每步的延时，属性值为数字，数值越大速度越大，反之亦然。

例如：

<marquee behavior="alternate"scrollamount=8 direction=right>
<marquee behavior=alternate direction=up height=150 width=50>
<img src= ::URL::

http://www.616bbs.com/picture/yn/huaer/die.gif></marquee>
<marquee behavior=alternate direction=up height=200 width=50>
<img src= ::URL::

http://www.616bbs.com/picture/yn/huaer/die.gif></marquee>
<marquee behavior=alternate direction=up height=150 width=50>
<img src= ::URL::

http://www.616bbs.com/picture/yn/huaer/die.gif></marquee>
<marquee behavior=alternate direction=up height=200 width=50>
<img src= ::URL::

http://www.616bbs.com/picture/yn/huaer/die.gif></marquee>
<marquee behavior=alternate direction=up height=150 width=50>
<img src= ::URL::

http://www.616bbs.com/picture/yn/huaer/die.gif></marquee></marquee>

<marquee direction=up behavior=alternate width=50 height=200 scrolldelay ="80" scrollamount="4">
<font size="30" color=red>一</font></marquee>
<marquee direction=up behavior=alternate width=50 height=200 scrolldelay="60" scrollamount="3">
<font size="30" color="teal">起</font></marquee>
<marquee direction=up behavior=alternate width=50 height=200 scrolldelay="70" scrollamount="2">
<font size="30" color="#4B638D">跳</font>
</marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="80" scrollamount="4">
<font size="30" color="maroon">起</font>
</marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="90" scrollamount="5">
<font size="30" color="#E16B33">来</font>
</marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="50" scrollamount="6">
<font size="30" color=blue>！</font></marquee>

=============================

<EMBED>标记语法说明
SRC=“文件名称和路径”：设置背景音乐的路径和名称；
AUTOSTART=“TRUE/FALSE”：设置是否音乐文件一传完后就开始播放，默认为FALSE(否)
LOOP=“ TRUE/FALSE/整数”：设置重播次数，TRUE为无限次重播，FALSE为不重播，LOOP=某个整数，为重播多少次。
VOLUME=“0－100”：设置音量，默认为系统本身的音量；
STARTTIME=“分：秒”：设置歌曲开始播放的时间，如STARTTIME=“00：20”为从第20秒开始播放；
ENDTIME=“分：秒”：设置歌曲播放结束的时间；
WIDTH和HIGH=“整数”：设置控制面板的宽和高；
CONTROLS＝“CONSOLE/SMALLCONSOLE/PLAYBUTTON/PAUSEBUTTON/STOPBUTTON/VOLUMELEVER”：设置控制面板的外观。CONSOLE为正常大小的面板，SMALLCONSOLE为较小的面板，PLAYBUTTON为显示播放按钮，PAUSEBUTTON为显示暂停按钮，STOPBUTTON为
显示停止按钮，VOLUMELEVER为显示音量调节，若要隐藏控制面板可用HIDDEN=TRUE

SRC="FILENAME" 设定音乐文件的路径

AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE

LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。

STARTIME="分:秒" 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20

VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。

WIDTH HEIGHT 设定控制面板的大小

HIDDEN=TRUE 隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子
=======================================================

嵌入网页代码

<IFRAME marginWidth=0 marginHeight=0 src="" frameBorder=0 width= scrolling=no height=></IFRAME>

透明FLASH：

1、将透明FLASH加在一张图片上。

<table background=背景图片地址 width= height=><tr><td><embed src=*.swf type=application/x-shockwave-flash width=460 height= quality=high wmode=transparent></embed></td></table>

2、将以下代码加在表格内，使透明FLASH根据个人的喜好出现在外背景的内框。

<embed style="LEFT: *px; WIDTH:*px POSITION: absolute; TOP:*px HEIGHT:*px" align=right src=*.swf width= height= type=application/octet-stream wmode="transparent" quality="high"></embed>

超链接代码：

<a href=链接指向的网址 tilte=鼠标指向此链接时出现的标题 target=_blank>这里放入文字或者图片，作为链接的标示</a>

图片倒影代码：

<center><div style="color:#00ff00;font-size:27pt;width:220;height:10"><img src=" ::URL::

http://www.616bbs.com/picture/yn/tupian/angel.gif"><div id=ew style="color:3333ff;font-size:27pt;width:220;height:10;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"><img src=" ::URL::

http://www.616bbs.com/picture/yn/tupian/angel.gif"> </div></div>

实例代码

<center><div style="color:#00ff00;font-size:27pt;width:220;height:10"><img src=" ::URL::