网站首页

 闲时走笔

 情感空间

 温馨港湾

 赏音阅画

 儒伯视频

 词坛诗苑

 网络技术

 动画专区

 文学墨客

 素材教程

 你荐我赏

 即时星空

 健康茶社

 好歌绕梁

 人生驿站

您现在的位置: 东方儒伯 >> 素材教程 >> 网页素材 >> 正文 用户登录 新用户注册
[组图]编辑和保存漂亮的网页和图片特效代码       ★★★★★ 【字体:
编辑和保存漂亮的网页和图片特效代码
作者:东方儒伯    文章来源:完善网络    点击数:1939    更新时间:2007-9-22    

 

以下介绍网页中图片和flash的各种特效及代码,只要复制,修改网址就行。

 

一:图片羽化效果

 

1<DIV align=center><STRONG><FONT color=#d1ddff><IMG style="FILTER: Alpha(opacity=100,style=2)" height=375 src="/wljs1/UploadFiles_8748/201210/20121005171700145.jpg" width=375></FONT></STRONG></DIV>

 

2<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=400 background=
http://hthy.asp1.wy8.net/hzh/01.jpg
height=300>
<P><B>&lt;</B></P></TR></TBODY></P>

 

二:图片羽化效果加透明flash:

 

<P>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=
http://bbs.xyzm.com/UploadFile/2006-4/20064161743660097.jpg
height=400>
<P><B><EMBED align=right src=
http://imgfree.21cn.com/free/flash/123.swf width=500 height=400 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TBODY></TABLE></P>

 

三:图片加透明flash效果:

 

<TABLE height=400 cellSpacing=0 cellPadding=0 width=550 background=http://hthy.asp1.wy8.net/hzh/xiang2.jpg>
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=
http://imgfree.21cn.com/free/flash/4.swf width=550 height=150 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED src=http://yooyijin.go.51.net/001/heart006.swf
width=550 height=150 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE></SPAN>
<P></P>

 

四:一张图片左右动:

 

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width="100%"><IMG style="WIDTH: 324px; HEIGHT: 294px" height=266 src="
/wljs1/UploadFiles_8748/201210/20121005171747385.jpg
" width=300></MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></B></FONT></FONT></FONT></FONT></P>
<P></P></FONT></FONT>

 

五:一张图片从右向左移动(反复)

 

<MARQUEE scrollAmount=2direction=up width=500 height=300>
<P align=center><IMG style="WIDTH: 482px; HEIGHT: 385px" height=677 src="
/wljs1/UploadFiles_8748/201210/20121005171748129.jpg" width=762></P></MARQUEE>

 

六:图片向上移动:

 

<CENTER>
<MARQUEE scrollAmount=2 direction=up width=500 height=300>
<P align=center>
<P align=center>
<P align=center><IMG src="
/wljs1/UploadFiles_8748/201210/20121005171748372.jpg
" width=467 onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333"></P></MARQUEE></CENTER>
<P></P>

 

七:图片羽化效果后上面加文字

 

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=500 background=
/wljs1/UploadFiles_8748/201210/20121005171749219.jpg
height=400><B>
<P align=center><FONT face=
黑体><STRONG><FONT color=#ff00ff size=7></FONT></STRONG></FONT>&nbsp;</P>
<P align=center><FONT face=
黑体><STRONG><FONT color=#ff00ff size=7></FONT></STRONG></FONT>&nbsp;</P>
<P align=center><FONT face=
黑体><STRONG><FONT color=#0000ff size=7>海棠花雨温馨家园</FONT></STRONG></FONT></P>
<P align=center><FONT face=
黑体 color=#ff0000 size=7>&nbsp;</P>
<P align=center>&nbsp;</P></FONT></B></TD></TR></TBODY>
<P></P>
<P></P></P>

 

八:flash上加文字

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 12pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 0px; LINE-HEIGHT: normal; HEIGHT: 550px; WORD-WRAP: break-word" onload="this.style.overflowX='auto';">
<DIV align=center>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 560px; POSITION: relative; TOP: 0px; HEIGHT: 450px">
<DIV style="LEFT: -50px; POSITION: absolute; TOP: -50px"><EMBED src=
http://tietu.znrsw.com/UploadFile/2005-8/20058813501597627.swf
width=630 height=480 type=application/octet-stream wmode="transparent" quality="high"></DIV>
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 120px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff66)">
<DIV style="FILTER: glow(color=##09F7F7 strength=19); WIDTH: 100%; COLOR: white"><FONT style="FONT-SIZE: 36pt; FONT-FAMILY:
华文新魏" color=#09f7f7><B>让我静静的想你!!</FONT></DIV></B></TD></TR></TBODY></TABLE></DIV></DIV></DIV><BR><BR><BR>
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0 height=0 width=0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME="_cx" VALUE="26"><PARAM NAME="_cy" VALUE="26"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="http://bbs.flasher123.com/UploadFile/2006-3/20063207504772465.swf"><PARAM NAME="Src" VALUE="http://bbs.flasher123.com/UploadFile/2006-3/20063207504772465.swf"><PARAM NAME="WMode" VALUE="Window"><PARAM NAME="Play" VALUE="-1"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE=""><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE=""><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0">
<embed src="http://bbs.flasher123.com/UploadFile/2006-3/20063207504772465.swf" </OBJECT></DIV>

 

九:flash羽化效果

 

<P align=center>

<TABLE border=0><FONT color=#deb887>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=3)" width=453 background=height=320>

<P><FONT face="宋体, MS Song"><FONT color=#7fff00><STRONG><EMBED style="WIDTH: 485px; HEIGHT: 312px" align=right src=http://media.163888.net/virtualdir2/2006/06/03/18/Flash/34033691718043.swf width=485 height=312 type=application/octet-stream quality="high" wmode="transparent"></EMBED></STRONG></FONT></FONT></P></TD></TR></TOBDY></TBODY></TABLE></FONT></FONT></P></FONT>

 

十:多张图片移动

 

<MARQUEE><IMG height=400 src="/wljs1/UploadFiles_8748/201210/20121005171752849.jpg" width=600> <IMG height=400 src="/wljs1/UploadFiles_8748/201210/20121005171753909.jpg" width=600> <IMG height=400 src="/wljs1/UploadFiles_8748/201210/20121005171753747.jpg" width=600></MARQUEE>

一:图片加相框

 

</B><BR>
<TABLE cellSpacing=0 cellPadding=0 width=300 align=center background=
/wljs1/UploadFiles_8748/201210/20121005171754187.jpg
>
<TBODY>
<TR>
<TD align=middle width="100%"><IMG src="
/wljs1/UploadFiles_8748/201210/20121005171803750.gif
"></TD></TR></TBODY></TABLE><BR>
<DIV></DIV>
<P></P>

以上红色为图片网址,绿色为透明flash网址,都可任意换。

 

 

东方儒伯欢迎您

 

 
文章录入:xingjun    责任编辑:xingjun 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    flash教程
    施展一个让XP快上几倍的着法
    HTML视频教程
    网页背景音乐
    让图片运动起来
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)