[摘要]这是一个实现色彩叠加渐变效果案例，通过改变顶层图片透明度，实现和底层图片的叠加，产生不一样的渐变颜色效果。
代码说明
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!-- 插入两个颜色不同，但位置完全重叠的热点图片,鼠标移过时显示底部图片，顶部图片渐变为0，鼠标移出则反之 --> <hotspot name="spot" url="image1.jpg" distorted="true" ath="0" atv="0" scale="1.0" rx="0" ry="0" rz="0" zorder="1" onover="set(hotspot[spot_over].visible,true); tween(hotspot[spot_over].alpha,1,0.5,default);" onout="tween(hotspot[spot_over].alpha,0,0.5,default, set(hotspot[spot_over].visible,false));" onclick="looktohotspot(get(name), 60);" /> <hotspot name="spot_over" url="image2.jpg" zorder="2" visible="false" enabled="false" alpha="0" onloaded="copyhotspotsettingsfrom(spot);" /> <!-- 这是复制spot热点属性的动作，作用是让两张图片位置大小一致，当然您也可以手动设置rx\ry\rz\scale等参数到spot_over --> <action name="copyhotspotsettingsfrom"> copy(distorted, hotspot[%1].distorted); copy(ath, hotspot[%1].ath); copy(atv, hotspot[%1].atv); copy(scale, hotspot[%1].scale); copy(rx, hotspot[%1].rx); copy(ry, hotspot[%1].ry); copy(rz, hotspot[%1].rz); </action> |
