★ 关于【图片特效】的代码，值得永远收藏（珍藏）

☆無心插柳☆ 2010-11-10

展开全文

插入图片的代码：

<div><img height=528 src="http://userimage2.360doc.com/10/1003/10/3260944_201010031001050936.jpg" width=708 border=0></div>

------------------------------------------------------------------------

在任意图片上写字的代码：

1、

2、

<TABLE width=500 cellSpacing=1 cellPadding=1 height=375 border=1>
<TBODY>
<TR>
<TD background= http://image16.360doc.com/DownloadImg/2010/10/2210/6179900_2.jpg >
------------------------------------------------------------------------
在照片上由下往上移动文字的代码：

<TBODY>

<TR>

<CENTER><FONT style="FONT-SIZE: 32pt" face=华文新魏 color=red><B>加入文字

</B> </FONT></CENTER></MARQUEE></TD></TR></TOBDY></TBODY></TABLE>

direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

------------------------------------------------------------------------
在照片旁边写文字的代码：

<P><IMG src="图片连接地址" height=100 width=100 align=left>文章内容<BR> <BR > clear=left></P>

------------------------------------------------------------------------

图片加框的代码：

------------------------------------------------------------------------

让图片产生梦幻效果的代码

------------------------------------------------------------------------

图片倒影代码：
<P><IMG src="图片地址" width="230" height="190"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="230" height="190"></P>

------------------------------------------------------------------------

图片透明效果代码：
1/<img src="图片网址" style="filter:Alpha(opacity=100,finishOpacity=0,style=3)">

2/<div style="width:360px;height:270px;filter:Alpha(opacity=100,finishOpacity=0,style=3)">
<img src="图片网址">

</div>
参数说明：

涉及到的属性:修改数值对应即可

opacity:开始处的透明度

finishOpacity:结束处的透明度

style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明
------------------------------------------------------------------------
图片CSS滤镜---Ｘ光效果
代码(1)
<img src="图片地址" style="filter:Xray">
代码(2)
<div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div>
------------------------------------------------------------------------
图片CSS滤镜---发光效果

一、代码：

</DIV>

二、参数说明:

color -->发光颜色
strength -->发光强度
虑镜宽=图片宽度+发光强度x2
虑镜高=图片高度+发光强度x2+10
------------------------------------------------------------------------
图片CSS滤镜---色彩对换效果代码

一、代码：

代码（1）

说明：用代码（2）时，必须填图片的宽度和高度。图片的宽度和高度只要在图片上按右键－属性—就可以看到
------------------------------------------------------------------------
浮雕效果代码

一、浮雕效果代码：

------------------------------------------------------------------------
图片反色代码

一、图片反色代码：

------------------------------------------------------------------------
让图片产生梦幻效果的代码
<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" height=300 src="图片地址" width=420>

说明：WIDTH（表宽度，后面的值可以变。）HEIGHT（表高度，后面的值可以变。）绿色的数值也是可是可以改变的，是产生梦幻效果的数值。

------------------------------------------------------------------------
图片CSS滤镜---左右旋转效果

代码(1)

------------------------------------------------------------------------

添加透明flash代码:

这个代码要放在日志或者档案里。代码如下:

------------------------------------------------------------------------

图片加背景音乐代码：
<img height=528 src="http://userimage2.360doc.com/10/1003/10/3260944_201010031001320577.jpg" width=708 border=0>
<p align=center><embed src=http://www./flash/chan/yscs.swf width=200 height=180 type=application/x-shockwave-flash autostart="true" loop="false"></embed></p>
<div></div>
<bgsound balance=0 src="http://szb./nxrb/20090226/d99e8177d941be16f1fe9a8b09784275.mp3" volume=0 loop=infinite>

------------------------------------------------------------------------

图片滚动的代码：
<marquee scrollAmount=4><img height=150 src="http://t1.baidu.com/it/u=2461283506,2413181178&fm=0&gp=0.jpg"> <img height=150 src="http://t2.baidu.com/it/u=2567980427,518200139&fm=3&gp=0.jpg"> <img height=150 src="http://t2.baidu.com/it/u=907977308,977225030&fm=3&gp=0.jpg"> <img height=150 src="http://t2.baidu.com/it/u=3373651659,4143298925&fm=3&gp=0.jpg"></marquee>

scrollamount代表图片移动的速度，值越大移动越快。

　　direction代表移动的方式，等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。

------------------------------------------------------------------------

点击图片进入日志的代码

------------------------------------------------------------------------

图片加边框代码：

>
<div></div>
<table style="BACKGROUND-IMAGE: url(http://image15.360doc.com/DownloadImg/2010/09/2110/5440181_117.jpg); WIDTH: 660px" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=4>
    <tbody>
        <tr>
            <td>
            <table style="BACKGROUND-IMAGE: url(http://image15.360doc.com/DownloadImg/2010/09/2110/5439066_31.jpg); WIDTH: 640px" cellSpacing=5 cellPadding=2 bgColor=#ffffff border=4>
                <tbody>
                    <tr>
                        <td>
                        <table style="BACKGROUND-IMAGE: url(http://www./Pic/UploadPic/2009-3/200931311410747.jpg); WIDTH: 620px" cellSpacing=15 cellPadding=2 bgColor=#ffffff border=4>
                            <tbody>
                                <tr>
                                    <td>
                                    <div><img height=528 src="http://userimage2.360doc.com/10/1003/10/3260944_201010031000440811.jpg" width=708 border=0></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

------------------------------------------------------------------------

自由移动变形的图片代码:

var b = 1;
var c = true;

function www_helpor_net(){
if(document.all);

if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}

if(b==10) {
b++;
c = true;
}

if(c == false) {
b--;
}
u.width=150 + b;
u.height=125 - b;
setTimeout("www_helpor_net()",50);
}
www_helpor_net();
</SCRIPT>

------------------------------------------------------------------------

图片上移动图片的代码：