首页 > 代码库 > 背景图动起来就这么简单!
背景图动起来就这么简单!
<!DOCTYPE HTML><html lang="en-gb" class="nojs"><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0" /><title>无标题文档</title><link rel="stylesheet" href="reset.css" /><style type="text/css">body{ background-image:url(img/bodyBg.jpg)}img{ width:100%; background:url(2.jpg) no-repeat}</style></head><body> <section> <img id="banner" src="img/banner.jpg" /> </section></body><script src="jquery.min.js"></script><script>$(function(){ k=0; function run(k){ $(‘body‘).css(‘backgroundPosition‘,k+"px") } setInterval(function(){k-=1;run(k)},50);})</script></html>
背景图动起来就这么简单!
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。