javascript怎么写类似flash的那种遮罩效果

Question

javascript怎么写类似flash的那种遮罩效果 想显示哪里就显示哪里

Answer 1

没有使用flash工具那样容易，没有提供原生的遮罩层，只能用div模拟，设置z-index将其设为最上层，然后通过设置这个div的内容以及样式达到遮罩层的效果。

Answer 2

这是不是你要的效果<style>
 html,body{    
  width:100%;
  width:100%;
 }
 #div1 { 
  position: absolute;
  top:100px;left:100px;
  width:200px;
  height:200px; 
  background:#fff;
  border:#888 solid 1px;
  z-index:9;
 }
#div2 {  
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  filter:alpha(Opacity=50);
  -moz-opacity:0.5;opacity: 0.5;
  background:#ccc;
}
</style>  
 <div id="div1">内容</div>
 <div id="div2"></div>
 11111111111111111111111111111<br/>
 22222222222222222222222<br/>

Answer 3

div 绝对定位，
实在透明度0.5
背景颜色 灰

Answer 4

不是 我的意思是 比方说有一幅画   不过当时环境很黑 什么都看不到 所以你要拿个手电筒去照亮  当然不可能全部照亮 只能照亮一部分  我就是要那种效果这个就是flash那个遮罩。。

Answer 5

是这样的吧 <style>
  #div1 { 
  position: absolute;
  top:100px;left:100px;
  width:369px;
  height:540px; 
  background:#fff;
  border:#888 solid 1px;
  z-index:9;
  background:url(http://img.hb.aicdn.com/707cb9414334425845c2768b97e1766889ce5a1129c88-LRF7jf_fw554);
 }
#div2 {  
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  filter:alpha(Opacity=50);
  -moz-opacity:0.5;opacity: 0.5;
  background:#333;
}
 #div3 { 
  position: absolute;
  top:100px;left:100px;
  width:100px;
  height:100px; 
  
  border:#888 solid 1px;
  z-index:9;
  background:url(http://img.hb.aicdn.com/707cb9414334425845c2768b97e1766889ce5a1129c88-LRF7jf_fw554) -100px -100px;
 }
</style>  
 <div id="div1">
 <div id="div2"></div> 
 <div id="div3"></div> 
 </div>

Answer 6

自定义形状,你去看下，svg,vml 

Answer 7

如果你大小固定，可以试试用PNG,gif图来做