js实现让一张小图片有一道光的效果，高亮。不是图片循环效果

Question

怎样让一张小图片有一道光的效果，高亮。这里不是图片循环效果

Answer 1

大体思路就是做20张不同位置的亮度图片
js代码为：

<script type="text/javascript">
    (function(){
        function chagesimagesrc(t){
            document.getElementById("tt").childNodes[0].src="images/"+t+".jpg";
        }
        setInterval(function(){
            for(var i=0;i<2;i++){
                setTimeout((function(t){
                    return function(){
                        chagesimagesrc(t);
                    }
                })(i+1),i*100)
            }
        },1000);
    })()    
</script>

html代码：

<div id="tt"><img src="images/1.jpg" alt=""/> </div>

Answer 2

增加一层透明GIF遮罩

Answer 3

可以做一张有高亮的图片，通过css样式background-position定位图片，可以查看相似地址：http://www.thehanshow.com/