在网站前端编程开发中,我们经常会遇到需要将图片设置为背景图,当鼠标移入时利用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) }
好了,现在是不是就可以实现了呢?如果大家还是存在不理解的地方,或者总是有出错的地方,都是可以留言咨询的。
个人仿站基本各行业都会有,无非就是哪些类型仿的多,哪些类型仿的少而已。下面给大家介绍下一些常见的个人仿站类型。一、流量类站点,一般包括影...
您好,php网站搭建需要你有php程序源码,Windows服务器系统可以使用phpstudy搭建 phpstudy搭建教程 如果是linux服务器建议安装宝塔搭建程序 ...
做网站总的就是说需要域名 空间 程序3样内容。1.域名解析空间2.空间绑定域名只有这样你的网站输入域名才能才能被人找到,域名是买的,空间也是...
怎么仿站应该是每一个希望学习仿站的人都必须要了解的。如果不在仿站之前了解一下,仿站可能不成功,或者仿出来的网站没有真正的意义。下面仿站...
所谓大道至简,做网站仿站也是如此。市面上很多网站建设公司为了取得客户信任,总是会在第一次接触时就将自己的案例展现出来,案例中很多都是各种...
仿站人员都知道仿站挣的就是时间钱,我们做的越快才能挣的越多,那么提高我们正常的仿站效率是每个仿站人员必修技能,那么快速仿站有哪些技巧呢和...