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

来源:https://www.sucaihuo.com/js/3690.html 2018-05-16 12:01浏览(1612) 收藏

一款比较简单的js+css3仿iphone解锁文字高光滑过动画特效,用过苹果手机的朋友应该见过的了,效果还是挺相似的。
js+css3仿iphone解锁文字高光滑过动画特效
分类:文字特效 > 文字动画 难易:入门级
查看演示 下载资源 下载积分: 10 积分

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>
标签: 文字动画高光
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2