| 浪子小色 |
2007-04-10 19:06 |
一．图片系列：
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是上下振动
二．MV/FLASH系列：
1.基本插入MV: <embed src="你的MV地址" console=clip1
controls=imagewindow height=128 width=180 autostart=true loop=true>
2.Flash代码：
普通：<embed src="FLASH地址" width=360 height=280>
透明：<embed src="FLASH地址" wmode=transparent style="position:
absolute" width="380" height="270">
*说明: width宽度 height高度,可自行修改调节
3.无边框FLASH:
普通FLASH： <div id="layer25" style="padding:0px; LEFT: 0px;
OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; TOP: 0px; HEIGHT:
530px; zindex: 90" resiziable="true"><embed src="FLASH地址"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="宽" height="高" play="true" loop="true" quality="high"
scale="showall" menu="true"></embed></div>
透明FLASH： <div id="layer25" style="padding:0px; LEFT: 0px;
OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; TOP: 0px; HEIGHT:
530px; zindex: 90" esiziable="true"><embed src="FLASH地址"
quality=high wmode="transparent" WIDTH="宽" HEIGHT="高"
TYPE="application/x-shockwave-flash"></div>
4.让模块背景全透明的FLASH:
</textarea></table></tr><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"><embed
src="FLASH地址"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Versio..."
type="application/x-shockwave-flash" width="647" height="490"
play="true" loop="true" quality="high" scale="showall"
wmode="transparent" menu="true"></embed></td></tr></table>
5.空间主页任意位置放FLASH:
<img
src="javascript:document.getElementById('Mlogo').innerHTML+='<div
style=\'position:absolute;top:0;left:0;width:100;height:550;z-index:500\'><EMBED
src=\'这里放FLASH地址\' quality=high wmode=\'transparent\'
WIDTH=\'100%\' HEIGHT=\'100%\'
TYPE=\'application/x-shockwave-flash\'></div>';">
【结合图片+FLASH的综合代码】
<IMG src="图片地址" width="300" height="300">
<div
style="position:absolute;top:0;left:0;width:925;height:655;z-index:500">
<EMBED src="FLASH地址" quality=high wmode="transparent" WIDTH="100%"
HEIGHT="100%" TYPE="application/x-shockwave-flash"></div>
三．字体系列：
1.基本改字体: <b><font face="字体" size="字号"
color="#00BFFF">你要打的字</font></b>
*说明: <b>...</b>是把字体加粗,可选择性使用
<I>...</I>是把字体倾斜,可选择性使用
<U>...</U>是 加下划线,可选择性使用
字体可以是：
宋体，隶书，楷体，华文彩云，黑体……
color后面的是颜色编码，可进网站参照修改
http://www.ezsell.com.tw/aseip_folder/color.htm
2.发光的字：<table style="FILTER:
glow(color=#6699FF,direction=2)"><font color=#ffffff
size=2>要改的字</font></table>
3.主页走动字(走马灯): <marquee width="157"
height="21">要写的字</marquee>
4.滚动字效果编码：<MARQUEE onmouseover=this.stop()
onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up
width=100 height=50>内容</MARQUEE>
*说明:参数修改同移动图片一样
5.几种文字效果:
★模糊效果： <font color=#EE00EE
style="width:610;filter:blur(add=true,direction=135,strength=30)">文字内容</font>
★投影效果： <font color=#FF0000
style="width:80;filter:shadow(color=#0000FF,direction=135)">文字内容</font>
★波纹效果： <font color=#FF0000
style="width:80;filter:wave(add=add,freq=2,lighstrength=0,phase=25,strength=2)">文字内容</font>
★定点投影效果： <font color=#FF0000
style="width:80;filter:dropshadow(color=#0000FF,offx=1,offy=2,positive=true">文字内容</font>
★透明效果： <font color=#FF0000
style="width:80;filter:alpha(opacity=10,finishopacity=20,sytle=2,startx=1,starty=1,finishx=100,finishy=100)">文字内容</font>
*说明:
finishopacity=20这里可以修改透明度.从1-100中选择数字,100是完全不透明.0是完全透明.
★浮雕效果： <table style="FILTER:
dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font
color=#ffffff>文字内容</font></table>
★阴影效果： <table
style="Filter:Shadow(color=#ff0000,direction=45)">文字内容</table>
★文字左右反转: <table
style="Filter:FlipH">文字内容</table>
★文字上下反转: <table
style="Filter:FlipV">文字内容</table>
★3D文字效果: <style type="text/css">.3dfont { FILTER:
glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135);
POSITION: relative; WIDTH: 100% }</style><table border="0"
width="100%"><tr><td width="100%" class="3dfont"><font
color="#008040">文字内容</font>
★左右互动字效果： <FONT color=#0096ff face=隶书
size=7><MARQUEE height=50 width=240>文字内容</FONT></MARQUEE><FONT
color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50
width=240>文字内容</MARQUEE></FONT></FONT>
★跳跳字： <MARQUEE behavior=alternate direction=up
height=98 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2
width=460><FONT color=red face=楷体_gb2312
size=7>文字内容</FONT></MARQUEE></MARQUE></MARQUEE>
★奇怪来回走动： <MARQUEE behavior="alternate"
direction="up" height="80" width="60%" scrollamount="2"
scrolldelay="0"><marquee behavior="alternate"
scrollamount="2">文字内容</marquee></marquee> |
|