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

来源:互联网 发布:数据库读写分离的原理 编辑:程序博客网 时间:2024/04/28 20:29
学做网页简单的效果图 [转]

移动字幕使用<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::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>



------------------------------------------------