发新话题
打印

[音画课堂] 一些常用的制贴代码

本主题由 风云浪子 于 2008-3-23 16:02 移动
把本帖网址贴到网络上任何地方,同样可以获得推广币和用户等级提升 详情点击这里
http://www.770921.com/viewthread.php? tid=13540&fromuid=0 复制本帖地址
8月活动:积分获大礼活动(实物奖励)
联盟论坛管理人员大招募!

一些常用的制贴代码

一.图片系列:


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是上下振动


 

TOP

感谢叶子的提供!

TOP

再加一点示范图画就好了.:)
许多人谦虚是因为他有谦虚的资本,许多人骄傲是因为他除了骄傲就什么也没有了。

TOP

发新话题