html或java script中如何做出这种效果

有一张图片如下：

点击该图片之后，在原有图片的基础上，出现了这样的效果：

哪位大侠可以告诉我，这是鼠标点击了图片的响应事件后，用的html什么控件或java script中什么做出来的啊。十分感谢。

看效果应该是flash或者flex实现的吧？！

这是html或者java script实现的，朋友您知道这是点击了鼠标的响应事件后怎么做的吗

点击图片，通过javaScript显示一个Div层。Div层上可以显示图片或视频。

html5中已新增了标签，现在都不用flash实现了。

如果你指的是怎么显示那十个播放预览图的话，一般情况下网站的预览图都是后台处理完之后直接当图片放在页面中。但如果你非要自己模拟一个的话，用html5的video标签，src属性设置视频路径。ele.duration获取视频的长度，除以10，让后用ele.currentTime设置每个video的播放位置。