头像

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

来源:http://www.sucaihuo.com/js/3690 素材火管理员 2018-05-16 12:01浏览(623) 收藏

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

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 14 下载资源 下载积分: 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>
标签: 文字动画高光
最新交易
评论3
头像

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

1 2