在网站前端编程开发中,我们经常会遇到需要将图片设置为背景图,当鼠标移入时利用setTimeout定时器去控制改变background-position使得图片逐帧向上移动,鼠标移除则控制向下移动,但要注意在鼠标移入和移出时要相互关闭定时器。具体如何来实现呢?下面就来为各位分析解答一下吧。
var positionC=['0','-75','-150','-225','-300','-375','-450','-525','-600','-675','-750','-825','-900','-975','-1050','-1125','-1200','-1275','-1350','-1425','-1500','-1575','-1650',"-1800"]; // var positionC=['0','-180','-360','-540','-720','-900','-1080','-1260','-1440','-1620','-1500','-1650',"-1800",]; var iconC=0; var t1; var i1; $(".bgk1").mousemove(function () { clearTimeout(i1); iconABC(); }) $(".bgk1").mouseout(function () { iconBC(); }) function iconABC(){ $(".bgk1").css("background-position" , 0+"px "+positionC[iconC]+"px"); iconC++; if(iconC>positionC.length){ iconC=positionC.length; return; } t1=setTimeout(iconABC,80); console.log("sdd"+iconC) } function iconBC(){ clearTimeout(t1); iconC--; if(iconC<0){ iconC=0; return; } $(".bgk1").css("background-position" , 0+"px "+positionC[iconC]+"px"); i1=setTimeout(iconBC,20); console.log("--"+iconC) }
好了,现在是不是就可以实现了呢?如果大家还是存在不理解的地方,或者总是有出错的地方,都是可以留言咨询的。
你好,在云主机上搭建网站是和物理服务器上搭建一样的,在云主机上装一个IIS,数据库,然后上传网站程序和数据库到服务器上,再在IIS上绑定一下您网站...
如今有很多的人在建立网站的时分采用的都是cms 系统,我国比拟经常运用的是PageAdmin、DEdeCMS、帝国系统等等不同的CMS系统运用的方向也是有...
4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,仿站网上代码!...
企业仿站制作的周期一般是3-5天,主要取决于被仿网站的确定,甚至功能的新增,确定以后一般3-4天网站就可以仿制完成。仿站基本流程第一步:客户提供...
修改标题可能被降权这种观点其实不知道从哪来的,更没看到有什么切实证据。好多年前就实验过,修改标题并不会导致被降权。但多年过去了,看到...
仿站是指参照原先的网站的制作一个和原来的网站一样的,包括他的框架及内部的一些数据以及原先网站的功能都可以一 一仿出来。仿出来的网站也...