注册 登录 充值会员 退出
毕业设计 PHP源码
充值

js+css3仿iphone手机滑动解锁文字扫光滑过动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-29
js+css3仿iphone手机滑动解锁文字扫光滑过动画特效
一款简单的js+css3仿iphone手机滑动解锁文字扫光滑过动画特效,文字高光扫过动画效果。


js代码

<script language="javascript">
var ph=document.getElementById("phone");
var otime=null;
var num=-300;
function tomove(){
	
	otime=setInterval(function (){
		num+=10;
		if(num==1100)
		{
			num=-300;
			clearInterval(otime);
		}
		ph.style.backgroundPosition=num+"px 0px";
		
		},20)
	}
tomove();
setInterval(function(){
	tomove();	
},3000);
</script>