我有一个html代码 里面有这么一张图片，在网页里，点击某一个按钮，就会出现一个摇来摇去的竹签，也
我有一个html代码里面有这么一张图片，在网页里，点击某一个按钮，就会出现一个摇来摇去的竹签，也就是这个图，他们是如何让它动起来的？...
我有一个html代码 里面有这么一张图片，在网页里，点击某一个按钮，就会出现一个摇来摇去的竹签，也就是这个图，他们是如何让它动起来的？
展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>求签</title>
<style>
body{
background-color: rgba(112, 112, 112, 0.68);
}
div {
margin:auto;
width: 116px;
text-align:center;
}
div#div{
width: 116px;
height: 300px;
background: url('qian.jpg') no-repeat -66px -165px;
}
</style>
<script>
var arr = [
"-66px -165px",
"-200px -165px",
"-317px -165px",
"-438px -165px",
"-546px -165px",
"-550px -165px",
"-657px -165px"
];
var interval;
var shake = function(){
interval = setInterval(function(){
!div.index ? div.index = 1 : div.index++;
div.index > arr.length - 1 ? div.index = 0 : 0;
div.style.backgroundPosition = arr[div.index];
},100);
}
</script>
<body>
<div>
<div id="div"></div>
<button onclick="shake();">求签</button>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好，这种效果光是HTML是无法实现的；这可能是一张Flash动态图，是用Flash软件制作好后插入到网站中的，并不是HTML代码实现的功能。
追答
还有可能是js程序做的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
