您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教程>>>HTML制作教程>>>简单的贴图代码,可以试着做
简单的贴图代码,可以试着做
发表日期:2010/8/6 10:50:00 出处:未知 作者:未知 发布人:vickyguan888 已被访问 2631

一、单纯的一张图片
<P align=center><IMG src=图片地址></P>

二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=背景图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=flash地址 width=宽度 height=高度 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE>

三、加框用两层FLASH的图片

<P align=center><TABLE height=高度 cellSpacing=0 cellPadding=0 width=宽度 background=背景图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED align=right src=flash地址 width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=[swf] width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>

三、两个FLASH上下排列的图片:
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=背景图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=flash地址 width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=[swf] width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>

四、下上移动的图片们:

<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
</MARQUEE></center>

五、左右移动的图片们:(要有个背景哟)

<CENTER><MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%"><CENTER><TABLE cellSpacing=0 width=400 background=图片地址 border=0 cellpading="0"><TBODY><TR><TD><P align=center><IMG src="图片地址"></P><P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

六:图片雾化效果:

<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=图片地址 border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=图片地址 height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=flash地址 width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

七:图片倒影效果:

<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"></P></FONT></FONT>

八:图片向左右相反的方向移动的效果:

<MARQUEE width=200 height=50><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>

纯代码实现的分割线-

提到分割线,大家习惯使用长条形图片,或者用小图片作为平镨背景来实现。:
这样当然可以随心所欲地达到要求,但图片文件毕竟需要找空间上传,也多少会拖慢下载速度。
其实简单的“hr”语句同样能够实现多样化的分割效果,试举例如下:

最基本的:

<hr width=300 size=1 color=#00ffff align=center noshade>


其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。
align 规定线条位置,left、right、center。
noshade 是否有立体效果。


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

两头渐变透明:

<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">




 

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

右边渐变透明:

<hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">




 


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


画虚线:

<hr width=80% size=1 color=#00ffff style="border:1 dashed #00ffff">


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

画双线:

<hr width=80% size=3 color=#00ffff style="border:3 double green">




 

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

立体效果:




 


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


钢针效果(^_^):

<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=10)">




 

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


纺棰形:

<hr width=80% size=30 color=#00ffff style="filter:alpha(opacity=100,finishopacity=0,style=2)">


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




 

以上所有效果并不是孤立的,它们可以相互组合,从而产生新的效果。

<hr width=80% size=3 color=#00ffff style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">

进入下页欣赏的代码。

<A href="http:// 。。。。。。 .htm" target=_blank><FONT size=6><STRONG>点击欣赏</STRONG></FONT></A>

加入背景音乐代码:

1.<EMBED src=[.wma] hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

所用元素:<EMBED></EMBED>
参数:
src:音乐文件的URL;
hidden:=true为不可见,=false反之;
type:指定音频类型;
LOOP:是否循环播放,注意其值置于小角双引号中;
AUTOSTART:是否自动播放,其值同上。

2.贴mp3的语法:
<embed src="mp3绝对地址" type="audio/x-pn-realaudio-plugin" controls="ControlPanel,StatusBar" height=40 width=320 autostart="true" loop="true"

3.贴FLASH音乐的正确格式是:
<embed src="FLASH绝对地址"quality=high width=465" height=350">

4.贴wma、asx文件:
<EMBED src="http://www.zhulintingyu.com/non-cgi/usr/32/32_3494_3.asx" width=380 height=45 type="audio/x-pn-realaudio-<br>plugin"loop="true"autostart="true"controls="ControlPanel,StatusBar">

5.贴RM文件:
<EMBED src="绝对地址" width=465 height=350 console="huayue" loop="true" autostart="true" controls="imagewindow">

6 宽度与高度 width="宽度" height="高度"

7、隐藏播放器的方法是:点html,去掉对勾,然后在帖最后粘贴代码:

<EMBED src=mp3地址 hidden=true type=audio/mpeg autostart="true" loop="true">

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



shiyunfengailimin
(2007/8/16 14:16:00) [60.190.73.]

哈哈


shiyunfengailimin
(2007/8/16 14:15:00)

哈哈


cat1126
(2007/6/14 20:40:00)

不能再简单一点啊


happyAngel
(2007/3/23 23:29:00)

不好意思!我看不懂,好晕啊


a198581445
(2007/1/29 0:52:00) [220.182.50.]

 呵呵  着也叫简单啊!!!  
难  懂   呀 ! ! !

 发表评论:共有 8 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

心情小屋 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ 422175408 联系人:Vicky