您的位置：首页 > 其它

720云的图片动画gif（background-positionY定位）

2016-12-04 19:48 507 查看

<html>
<head>
<title></title>
</head>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<style type="text/css">
.background-image{background: url(http://www.rehoming.cn/rehoming/Public/Home/images/mark.png) center center;background-position:0px 46px;width:46px;height:46px;display: block;border: 0;position: absolute;left: 20%;}
</style>
<body>
<span class="background-image mask"></span>
</body>
<script type="text/javascript">
function backgroundPosition(bg) {
x=736;
time1=null;
time1=setInterval(function() {
x=x-46;
$("."+bg).css("background-positionY",x+"px");
if(x<=0){
clearInterval(time1);
backgroundPosition(bg)
}
},100);
};
backgroundPosition('mask');
</script>
</html>

在线演示：http://codepen.io/dddddd1/pen/PbQdza

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航