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]+")";       //显示对应的图片 }