一.图片系列:
1.最基本的插入大图: <IMG src="图片" width="100"
height="250">
让图片居中: <center><IMG src="图片" width="100"
height="250"></center>
2.多张图片滚动代码:
<MARQUEE onmouseover=this.stop() onmouseout=this.start()
direction=left width=200 height=250><IMG src="你的图片地址1"
width=400><IMG src="你的图片地址2" width=400><IMG
src="你的图片地址3" width=400><IMG src="你的图片地址4"
width=400>
本代码说明: direction=up
是图片滚动方向,可以修改为UP(上)、DOWN(下)、LEFT(左)、RIGHT(右)。
width=200 height=250
是整体可移动范围的宽和长,可以根据需要修改。后面的width=400
是指图片的宽度。
3. 图片防被盗代码:
屏蔽反键: </textarea><img src="图片地址" width="400"
height="400" body oncontextmenu="return false"></textarea>
鼠标放上去弹出提示窗: <A HREF="javascript:void(0)"
onMouseover="alert('要显示的字')"><IMG SRC="图片地址"
Align="center" Border="0" width="250" height="200"></A>
4.
带解说文字的图片代码(就是鼠标放在图片上有文字显示的)
<img src="图片地址" width=620 height=138 border=0
title="说明文字" align=absmiddle>
5. 多种效果图片代码:
★黑白效果 <IMG src="图片地址" style="FILTER:
gray(color=#ffedff)">
★底片效果 <IMG src="图片地址" style="FILTER:
xray(color=#ffedff)">
★左右反置 <IMG src="图片地址" style="FILTER:
fliph(color=#ffedff)">
★左右上下反置 <IMG src="图片地址" style="FILTER:
flipv(color=#ffedff)">
★滤镜效果 <img src="图片地址" width=380 height=147
style=filter:Alpha(opacity=100,style=2)>
★上下倒影 <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="下面图片地址"></FONT></FONT></P>
*说明:适合动态小图片,上下图片可不同
★图片重复 <MARQUEE behavior=alternate direction=up
height=300 width=130><img src=图片1地址></MARQUEE><FONT
color=orange><MARQUEE behavior=alternate direction=up height=250
width=130><img src=图片2地址></MARQUEE><FONT color=Fuchsia><MARQUEE
behavior=alternate direction=up height=300 width=130><img
src=图片3地址></MARQUEE><FONT color=olive><MARQUEE
behavior=alternate direction=up height=250 width=130><img
src=图片4地址></MARQUEE>
*说明:适合动态小图片,可添加多个不同图片
6. 无边框图片: <div id="layer25" style="padding:0px; LEFT: 0px;
OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; TOP: 0px; HEIGHT:
530px; zindex: 90" resiziable="true"><IMG src="图片地址" border="0"
width="图片的宽" height="图片的高">
7. 图片特效--上下,左右分别振动
<table width="200" cellspacing="0" cellpadding="0"><tr
align="center"><td style="BORDER-top: rgb(0,0,0) 1px dotted;
BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px
dotted; BORDER-right: rgb(0,0,0) 1px dotted"><marquee
behavior="alternate" direction="left" height="80"width="100%"
scrolldelay="60"><img src="图片1地址" width="110" height="70"
border="0"></a></marquee></td></tr><td style="BORDER-bottom: rgb(0,0,0)
1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right:
rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="up"
height="80"width="100%"scrolldelay="60"><img src="图片2地址"
width="110" height="70" border="0"></a></marquee></td></tr></table>
*说明: 图片1是左右振动,图2是上下振动