如何让静止的图片动起来(97)

南山制作

   图片

注意:
图片移动效果只适应于兼容的浏览器,图片的地址不要使用qq空间的图片地址,否则无效。

下面是一张原图(南山孙子——金浩在幼儿园给小朋友讲故事)
图片 

图片地址http://i.niupic.com/images/2015/01/05/54a965e2cb83a.jpg

效果图



代码

<embed height="450" type="application/x-shockwave-flash" width="750" src="//open.qzone.qq.com/url_check?appid=99&amp;url=http://dashan.gotoip1.com/tpll/donggan.swf" flashvars="tp=这里添加非qq空间图片地址&amp;cc=1440*900" quality="high" wmode="transparent" invokeurls="false" allownetworking="internal" allowscriptaccess="never">
</div>


以下是110多种图片不同的遮罩变化

(一)



(二)



(三)



(四)



(五)



(六)



(七)



(八)



(九)



(十)



(十一)



(十二)



(十三)



110多种效果图在这里就不一一展示了,
只要你把代码里的txbh=1的数值改成1—110就会有不同的效果
 
编号   特效名称
—— —————————— 
1   01—淡入谈出   
2   02—拉幕上向下   
3   03—拉幕左向右   
4   04—拉幕下向上   
5   05—拉幕右向左   
6   06—长方形旋转填位   
7   07—梯形上下填位   
8   08—风车   
9   09—方块排列   
10   10—三角形向中间合拢   
11   11—圆角组合   
12   12—拉幕中间向上下   
13   13—拉幕中间向左右   
14   14—方星转向中心   
15   15—圆转六角旋左向右   
16   16—圆转八角旋左向右   
17   17—菱形下拉   
18   18—细条变化   
19   19—多角星中心扩散   
20   20—半圆旋转扩散   
21   21—圆交叉   
22   22—拉幕左上向右下   
23   23—拉幕右上向左下   
24   24—拉幕左下向右上   
25   25—拉幕右下向左上   
26   26—拉幕左上角向右下角   
27   27—拉幕左下角向右上角   
28   28—拉幕右下角向左上角   
29   29—拉幕右上角向左下角   
30   30—拉幕中心向四周   
31   31—扇形柄顶下中点   
32   32—扇形柄顶上中点   
33   33—扇形柄顶右中点   
34   34—扇形柄顶左中点   
35   35—扇形柄顶右下角   
36   36—扇形柄顶左上角   
37   37—扇形柄顶右上角   
38   38—扇形柄顶左下角   
39   39—条形左边向右边   
40   40—条形右边向左边   
41   41—条形上边向下边   
42   42—条形下边向上边   
43   43—条形左上角向右下角   
44   44—条形右下角向左上角   
45   45—条形右上角向左下角   
46   46—条形左下角向右上角   
47   47—淡入谈出   
48   48—关门左向右   
49   49—关门右向左   
50   50—关门下向上   
51   51—关门上向下   
52   52—关门左下向右上   
53   53—关门右下向左上   
54   54—关门右上向左下   
55   55—关门左上向右下   
56   56—大变小向中心   
57   57—大变小向左角   
58   58—大变小向上边   
59   59—大变小向左边   
60   60—切方块扩散   
61   61—方块扩散左上向右下   
62   62—星形转方形中心射出   
63   63—方转星右上向左下   
64   64—方转星右下向左上   
65   65—方转星左下向右上   
66   66—方转星左上向右下   
67   67—条形穿插下向上   
68   68—条形穿插上向下   
69   69—条形穿插左向右   
70   70—条形穿插右向左   
71   71—方形逐个左向右上向下   
72   72—圆形逐个左向右上向下   
73   73—星形逐个左向右上向下   
74   74—方形中心向四周飞出   
75   75—横条水波   
76   76—方形上下中间   
77   77—方形旋转扩散   
78   78—方形旋转左上向右下   
79   79—方形旋转上下中间   
80   80—方形旋转外向内   
81   81—圆形扩散右移   
82   82—方块旋转左下向右上   
83   83—圆交叉变方扩散   
84   84—方形扩散   
85   85—方形弓字向下   
86   86—方星转化右上向左下   
87   87—方星转化右下向左上   
88   88—方星转化左上向右下   
89   89—方星转化左下向右上   
90   90—拉幕压缩左向右   
91   91—拉幕压缩上向下   
92   92—拉幕压缩下向上   
93   93—拉幕压缩右向左   
94   94—前段模糊左向右   
95   95—前段模糊右向左   
96   96—画轴卷动上向下   
97   97—画轴卷动左向右   
98   98—翻页卷下左向右   
99   99—翻页卷下右向左   
100   100—翻页卷上左向右   
101   101—翻页卷上右向左   
102   102—模糊椭圆中心扩散   
103   103—模糊五角星旋转扩散   
104   104—模糊方形中心扩散   
105   105—模糊左下向右上   
106   106—方形交叉向中 
107   107—挥旗中点右向左
108   108—梅花旋转中心扩散
109   109—边模糊花朵中心扩散  
110   110—葵花旋转中心扩散 



统一代码:

<embed height="600" type="application/x-shockwave-flash" width="850" src="//open.qzone.qq.com/url_check?appid=99&amp;url=http://dashan.gotoip1.com/tpll/qhbkwtzd.swf" allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" quality="high" flashvars="tpt=&amp;tp=非qq空间图片地址1|非qq空间图片地址2|非qq空间图片地址3|非qq空间图片地址4&amp;cc=850*600&amp;qhfs=0&amp;txbh=1">


提示:
 
非qq空间图片地址可以连续添加到5或更多,中间用 | 隔开,

羽化效果
1


2


3


4


5




羽化代码:
<embed style="filter: alpha(opacity=600,style=3);" height="580" type="application/x-shockwave-flash" width="870"src="//open.qzone.qq.com/url_check?appid=99&amp;url=http://dashan.gotoip1.com/tpll/qhbkwtzd.swf" allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" quality="high" flashvars="tpt=&amp;tp=非qq空间图片地址1|非qq空间图片地址2|非qq空间图片地址3|非qq空间图片地址4&amp;cc=870*580&amp;qhfs=0&amp;txbh=1">





文章评论