插入图片的代码（9种不同效果）

Eagle89 2017-04-11

展开全文

<img src="图片路径地址" width="440" height="330"/>

插入图片的代码（9种不同效果）
 ① 图片简易代码： <IMG src="图片地址" height=280 width=210> 
.
 ② 图片超链接代码：<A href="要链接的网址"><IMG src="图片地址" height=280 width=210></A>
.
 ③ 插入左右滚动图片： <MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一张图片地址"><img src="第二张图片地址"></MARQUEE> 
..
 ④ 图片页面移动：
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px; POSITION: absolute; TOP: 100px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%" border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99 direction=up width=400 height=1000 border="0"><FONT color=#0000ff><FONT face=隶书 color=red size=5><B>Qzone联盟欢迎您加入</B></FONT><BR><BR><BR>
<IMG src=图片URL地址>
</FONT></MARQUEE>
</div></TD></TR></TBODY></TABLE> 
.
 ⑤ 插入背景图片： <BODY BACKGROUND="背景图片Url地址"> 
.
 ⑥ 图片朦胧圆形效果： <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);"> 
 .
 ⑦ 图片朦胧方形效果： <IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375 ALGIN="MIDDLE">
.
 ⑧ 带框图片的代码： <center><img src="图片地址" style="border-top-style:outset;border-bottom-style:outset;border-right-style:outset;border-left-style:outset"></center> 
.
 ⑨ 图片不让别人盗代码： <A HREF="void(0)" onMouseover="alert('对不起,图片不能随便 下载!')"><IMG SRC="http//图片地址" Align="center" Border="0"  width="99" height="50"></A>