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&topic=2861&postno=11&name=11_1134831683&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>
新浪微博
QQ空间
QQ好友
沪公网安备 31011702004894号
辽ICP备14001340号-3