2 qq 37219114 qq_37219114 于 2017.01.05 23:18 提问

怎么设置老虎机的跑动效果

就是我已经设置好了一个按钮 控制开和关;我想弄成按一下按钮后就自动滚动起来的效果。像老虎机一样。几秒钟后自己慢慢的停下来。求大神帮帮忙。急急急

2个回答

qq_37219114
qq_37219114   2017.01.05 23:16
div{position:absolute;border:1px solid red;height:50;width:50;text-align:center;top:100;background-color:rgb(2,255,255);background-size:100%;color:yellow;} div:nth-child(n+8):nth-child(-n+15){right:800;} div:nth-child(n+16):nth-child(-n+23){top:450;} div:nth-child(n+23):nth-child(-n+28){right:450} span{margin:20px;} #w1{right:450;} #w2{right:500;} #w3{right:550;} #w4{right:600;} #w5{right:650;} #w6{right:700;} #w7{right:750;} #w8{right:800;} #w9{top:150} #w10{top:200;} #w11{top:250;} #w12{top:300;} #w13{top:350;} #w14{top:400;} #w15{top:450;} #w16{right:750} #w17{right:700} #w18{right:650;} #w19{right:600;} #w20{right:550;} #w21{right:500;} #w22{right:450;} #w23{top:400} #w24{top:350} #w25{top:300} #w26{top:250} #w27{top:200} #w28{top:150} #n{position:absolute;right:600;top:250;height:100;width:100;border-radius:90% 60% 90% 60%;background:url(0.jpg);background-size:100%}
王贵纳
王灿
张利江
钟备
贺飞
李小龙
陈文峰
王枭
赵书巍
陈诚
付羽杰
雷飞
王伟
尹帅
谢铭明
李道鹏
李俊
恭函
杨鑫鑫
康平
汪科玉
周庆
罗老师
罗老师
罗老师
罗老师
罗老师
罗老师

开始

var c=0; function aa(){ var a=document.getElementsByTagName('div'); for(var i=0;i<=a.length-1;i++){ a[i].style.background="rgb(2,255,255)" a[c].style.background="rgb(255,0,0)" } c++; if(c>27){ c=0; } console.log(a) } var r=true; //设置开始或者结束的标记 function xx(){ var begin=document.getElementById("n"); if(r==true){ setId=setInterval("aa()",50); begin.innerHTML="结束"; r=false; }else{ clearInterval(setId); begin.innerHTML="开始"; r=true; } }

这 是已经写好的代码。。供参考。。

csmzl
csmzl   2017.01.09 11:12

我用jquery给你做了个,你自己看着弄:
http://blog.csdn.net/csmzl/article/details/54287144

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
android仿老虎机的完整项目 带音效
写了一个多星期的代码,现在已经在腾讯qq上面上线了。要不是为了获得积分。我也舍不得拿出来啊
jquery 实现老虎机的跑动效果
老虎机的跑动效果需要自行引用jquery库<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>老虎机</title> <script type="text/javascript" src="../js/jquery-1.12.1.js"></script> <s
挑战2:实现一个转盘大抽奖(老虎机效果)
另外一道挑战题,做一个老虎机 直接上代码: .contaniner { background: #333; } .nine td { border-radius: 50%; height: 80px; width: 80px;
android 利用listview实现老虎机
MainActivity类 package com.alleged.listview; import android.content.Context; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Menu; import androi
安卓实现老虎机抽奖的案例
最近看到某理财app上有一个类似老虎机的抽奖功能,觉得蛮好玩就想自己动手去实现下.就做了一个简单的案例,效果如下:
JS 实现简易老虎机
*{ margin:0; padding:0; } ul{ text-align: center; margin: 100px auto; overflow: hidden; } ul li{
使用NGUI制作简易的老虎机
老虎机制作流程其实很简单,首先我们需要了解NGUI的各种组件,对NGUI有一定了解的人一定清楚NGUI有一个组件UIWrap,通过这个组件可以将在ScrollView中的滚动项循环,那么我们的老虎机就是基于NGUI这种好的基础上进行制作的。 我们首先理清思路,制作老虎机必须解决的两个问题: 1.如何让老虎机的图片恰好转到准确的位置:     我们见到的老虎机都是正好是一张完整的图片出现在老虎
cocos2d 中使用 pickerView 简单的老虎机应用
原文 注意:调用- (NSString *)pickerView:(CCPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component;前记得调用 [CCPickerView reloadAllComponents];刷新格子的内容,不然如果数据发生改变,可能显示莫名奇妙
android实现大转盘效果
我们小时候,应该都玩过街机,老虎机之类的,里面扎游戏币的界面,是一个大转盘样子,不停转动,然后停在一个栏位上面。 我们今天就来实现这样一个效果: 转载请注明出处:http://www.myapptg.com 实现起来比较简单:利用gridview控件+线程不停来替换相应item的背景来实现,还加入了动画 效果图:(转动快慢,自己修改代码即可,这里未了截图,转的慢,效果不是很好,实际
安卓老虎机动画效果
模拟老虎机实现安卓动画,通过WheelView实现,添加了屏幕适配工具,当下比较冷门的pt适配