本文介绍了如何利用JQuery和JavaScript实现抽奖效果。通过创建div布局，设置样式，并结合鼠标点击事件、定时器（setInterval和clearInterval）来达成动态的抽奖轮播效果。
我们今天的作业是通过轮播图以及鼠标点击事件来实现抽奖的效果
效果图如下：
第一步：我们先写两个div布局，以及两个按钮并都设上id
<body>
<div id="a1">
<img src="img/1.jpg" />
</div>
<div id="ctr1">
<button id="start">开始</button>
<button id="stop">结束</button>
</div>
<div id="a2">
</div>
</body>第二步：把第一步的div布局设上样式
<style type="text/css">
#a1{
width:250px;
height: 250px;
border: 1px lightpink solid;
text-align: center;
font-size: 50px;
color: #FFB6C1;
}
#a1 img{//使背景图片百分百平铺在div布局中
width: 100%;
height: 100%;
}
#ctr1{
width: 250px;
最低0.47元/天 解锁文章
1223
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
