注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

风轻云淡

大道似水,顺其自然

 
 
 

日志

 
 

一些常用的制贴代码  

2010-03-24 15:11:27|  分类: ★技巧★ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一.图片系列:

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)">文字内容</fon­t>

  ★投影效果:      <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,s­tarty=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>

  评论这张
 
阅读(208)| 评论(3)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017