HTML语言的基本运用及代码(风的韵律提供)
楼主
风的韵律 2008-03-05 07:05:30

HTML语言的基本运用及代码


图片及文字来回移动效果:

哈哈,看我左右来回跑!

代码如下:

<MARQUEE scrollDelay=300 behavior=alternate><FONT color=#ff8c00 size=5><STRONG>哈哈,看我左右来回跑!</STRONG></FONT><BR> <IMG height=300 src="http://photo6.fotolog.net.cn/userimages/48/36/j/jz99131251/52/500_H70KKLMc.gif" width=200> </MARQUEE>
    上面代码中的蓝色部分为文字插入代码,粉色部分为图片插入代码,朋友们可根据自己的需求来取舍,移动方向也可改变啊,想想你要让它们如何动吧!

图片移动 :

代码如下:

<MARQUEE scrollAmount=5 direction=down height=399>
<MARQUEE scrollAmount=5 direction=up height=399>
<P align=center><IMG height=399 src="http://www.vicn.net/UploadFile/2004-7/20047301729519.gif" width=318 border0></P></MARQUEE></MARQUEE>

    呵呵,看到这样的效果感觉如何?是不是和单方向的移动不同啊?动动脑子,相信你会做出更多意想不到的效果,动手试试吧!


图上加移动的字:

《梅花落》
隆冬十二月,寒风西北吹。
独有梅花落,飘荡不依枝。
留恋逐霜彩,漫步下冰斯。
何当与春日,共映芙蓉词。

代码如下:

<TABLE height=400 width=640 align=center background=http://www.imagewa.com/PhotoPreview/230/230_18248.jpg border=3>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 direction=up width=450 height=300>
<P><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=FF0033); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">
<P align=center>《梅花落》<BR>隆冬十二月,寒风西北吹。<BR>独有梅花落,飘荡不依枝。<BR>留恋逐霜彩,漫步下冰斯。<BR>何当与春日,共映芙蓉词。</P></FONT></P>
</MARQUEE></TD></TR></TOBDY></TBODY></TABLE>

图上加入文字的代码想必朋友们已看明白了,只要将上面代码中的蓝色部分取了就可以了。



Flash的加入

代码如下:

<P><EMBED align=center src=http://imgfree.21cn.com/free/flash/33.swf width=500 height=375 type=application/octet-stream wmode="transparent" quality="high"></P>


带边框的图片上加入单层Flash的效果:

代码如下:

<TABLE cellSpacing=10 width=660 align=center background=http://tech.china.com/zh_cn/home4u/sucai/bk/20001004/0742.jpg border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE height=470 width=640 background=http://www.ivsky.com/Photo/UpLoadFiles/2006-11-27/200611270116668.jpg border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/33.swf width=640 height=470 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TOBDY></TBODY></TABLE></TD></TR></TBODY></TABLE>


带边框的图片上加入双层Flash的效果:

 

代码如下:

<TABLE cellSpacing=10 width=660 align=center background=http://tech.china.com/zh_cn/home4u/sucai/bk/20001004/0742.jpg border=1>
<TBODY>
<TR>
<TD align=middle>
<TABLE height=470 width=640 background=http://www.dsz.cc/tb/cgi-bin/attachment.cgi?forum=9&amp;topic=2861&amp;postno=11&amp;name=11_1134831683&amp;type=.jpg border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://youngcolor.com.ne.kr/swf1/38.swf width=640 height=470 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED><EMBED align=right src=http://www.flasherclub.com/upfile/flashsource/1316052004416111307/1316052004416111307.swf width=450 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TOBDY></TBODY></TABLE></TD></TR></TBODY></TABLE>

呵呵,做了这个贴只希望对朋友们做贴有所帮助,喜欢的话就拿去用啊。

 

此播放器也是CSS滤镜的一种应用,你也可试着改一下啊,代码如下:<P align=center><EMBED style="FILTER: Invert()" src="http://anhourwithyou.com/g/Gods_Message_files/purelove-jmc.mid" width=600 height=45 type=audio/mpeg loop="true" autostart="true"></EMBED></P>

 

编辑 收藏 举报 主题管理
分享
Re:
2
冰玉陶然 2008-03-05 20:49:14
天啊,偶笨,可学不会
编辑 回复此楼 举报 帖子管理
快速回复:您还没有登录,请先[登录][注册]

沪公网安备 31011702004894号 

辽ICP备14001340号-3