html/css/js 鼠标移上显示提示（图片分层切换）和闪烁特效

引入vue.js框架

鼠标移上后图片自动切换：

                   
                       
                   

 

图片自动切换，闪烁特效

 

    

var curIndex = 0;

//时间间隔(单位毫秒)，每秒钟显示一张，数组共有3张图片放在img文件夹下。
var timeInterval = 200;

//定义一个存放照片位置的数组，可以放任意个，在这里放2个
var arr = new Array();
arr[0] = "assets/images/test/about/map1.png";
arr[1] = "assets/images/test/about/map2.png";
setInterval(changeImg, timeInterval);

function changeImg()

{

    //获得id名的对象
    var obj = document.getElementById( "maparray" );
    if (curIndex == arr.length - 1)

    {
        curIndex = 0;
    }

    else

    {
        curIndex += 1;
    }

    //设置元素的背景图片
    obj.style.backgroundImage= "URL("+arr[curIndex]+")";       //显示对应的图片
}