头像

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

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

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

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

查看演示 下载资源: 5 下载资源 下载积分: 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>
标签: 文字动画高光
评论2
头像

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

  • 头像 椅子
    05-17 12:01
    木***偶
    还不错的效果,可以应用
  • 头像 沙发
    05-17 09:12
    心***扬
    效果还是不错滴,好评
1 2