图片遮罩效果(附代码及应用方法)

图片遮罩效果（附代码及应用方法）上面遮罩图片浏览器代码：<DIV align=center><EMBEDsrc=/tpll/qhbkwtzd.swfwidth=880 height=585 type=application/x-shockwave-flash quality="high" flashvars="tpt=/c/2014-08/26/&tp=11/201408261159377161-761703.jpg|11/201408261159586251-761703.jpg|12/201408261200194211-761703.jpg|12/2014082612004111-761703.jpg|12/20140826120109261-761703.jpg|12/201408261201316361-761703.jpg&tpw=图片网址不同部分简写&cc=1024*683&解说词参数列表&qhfs=0&qhsj=15&txbh=01|1 6|31|47|60|81|90" invokeURLs="false" wmode="transparent" allowNetworking="internal"allowScriptAccess="never"></DIV>这是一款通用图片浏览器，可以根据图片的大小，决定SWF（图片浏览器）宽度和高度的。

有百余款图片切换特效,可任意选择。

可配每张图片的简单解说词。

不需要上传FLASH动画和制作的专门技术，也可以拥有图片浏览的技巧。

一、博客添加“图片浏览器”的代码：<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT:0px"><EMBEDsrc=/tpll/qhbkwtzd.swf height=高度type=application/x-shockwave-flash width=宽度WMODE="transparent" QUALITY="high" FLASHVARS="tpt=图片网址相同部分&tp=图片网址(或图片网址不同部分)&tpw=图片网址不同部分简写&cc=图片尺寸&解说词参数列表&qhfs=切换方式&qhsj=切换时间&txbh=特效编号"</EMBED></DIV>代码说明：1、/tpll/qhbkwtzd.swf 是图片浏览动器网址，这网址是固定不变的。

2、浏览器的宽度（width=XXX ）和高度（height=XXX ）设置与图片的宽、高一样。

3、代码中＜DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......＜/DIV>，是相对定位代码。

其作用是将“浏览器”安置在博客的任意位置。

如何使用这相对定位代码请阅《博客装饰－将动画定位到任意位置》4、FLASHVARS="参数列表"，引号中就是要传递的参数。

红色部分是必须设置的，粉红色部分是可选的。

不选某参数，即某参数不在参数列表中出现，则取默认值。

参数之间用&分隔，排列顺序不分前后。

仔细设置参数，定能使你的浏览器更具个性。

二、参数说明：1、图片网址参数tpt=图片网址相同部分使用同一网站的图片网址,其网址前面部分都是相同的。

将图片网址中相同部分用一个tpt来定义，它与tp或与tpw参数组合成完整的图片网址。

如果不选用此参数，则tp必须是完整的图片网址。

tp=图片网址(或图片网址不同部分)tp=图片网址1|图片网址2|......|图片网址n 网址之间用竖线字符分隔。

如果选用了tpt参数则tp=图片网址不同部分1|图片网址不同部分2|......|图片网址不同部分ntpw=图片网址不同部分简写该参数仅用于图片网址尾部是连续的序列号。

如01、02......nn或001、002......nnn。

tpw=01|nn|.jpg 或tpw=001|nnn|.jpg注意：此参数必须与tpt参数配套使用，并且不能再用tp参数。

2、图片尺寸参数cc=图片尺寸cc=宽度*高度（例cc=1024*768) 宽度与高度用*字符分隔。

注意：选用的图片尺寸必须一致。

如果使用新浪相册的图片，请将图片网址尾部&690删除后使用。

4、其他参数qhfs=切换方式图片切换特效显示方式：qhfs=0是按编号顺序显示。

qhfs=1是随机抽取编号显示。

不选用qhfs参数，则默认为随机抽取编号。

qhsj=切换时间图片之间切换时间，单位是帧数（20帧=1秒）。

不选用此参数，默认130txbh=特效编号图片浏览动画提供110款的图片切换特效，以下是特效的编号。

txbh参数提供选择喜欢的图片切换特效。

（特效效果请看FLASH实例－图片切换百款（外部））。

参数格式：txbh=编号x|编号y|......|编号n 编号之间用竖线字符|分隔。

如果仅需要一种图片切换特效，只要设置参数：txbh=编号（如txbh=1）即可。

不选用txbh参数，则默认为用全部的图片切换特效。

编号特效名称01 01—淡入谈出02 02—拉幕上向下03 03—拉幕左向右04 04—拉幕下向上05 05—拉幕右向左06 06—长方形旋转填位07 07—梯形上下填位08 08—风车09 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—葵花旋转中心扩散转载自网易和尚博客。