您的位置：首页 > 其它

私彩视频开奖动画直播源码内部核心技术解析及修改可增加后台操控-持续更新文章!

2019-03-03 13:58 363 查看

其实在此很感谢能做出H5开奖系统的码农们，而我本人也喜欢分解此类的东西。

因为特殊原因，该东西本人就不做图片展示，以防他人商业化。

借用开奖摇奖代码首先分解首页index文件。代码如下：（后面持续在原有的作品上添加后台操作）

代码里写的//.....是我的注明代码的所需。

[code]​
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="css/animate_index.css" />//首页的字体框架美化
<title></title>
</head>
<body>
<div class="min">
<div class="loading">loading...</div>//首页加载时候的显示
<div class="animat">
<div class="animate_min">
<div class="btn_box">
<ul>
<li>
<a id="try" href="#"></a>
</li>
<li>
<a id="kaihistory" href="/html/kaihistory.html" target="_blank"></a>//广告链接

</li>
<li>
<a id="style_hot" href="/html/style_hot.html" target="_blank"></a>//广告链接
</li>
<li id="sound" class="on">
<a href="#"></a>
</li>
</ul>
</div>
</div>
<div class="animate_date">
<b id="data_b"></b> <span>&nbsp;&nbsp;&nbsp;</span><b id="issue_b"></b><span></span>
</div>
<div class="view_box status"></div>
<div class="view_box each"></div>
<div class="view_box" id="die">
<div class="ball">
<!--<span class="one_ball"></span>
<span class="two_ball green"></span>
<span class="three_ball blue"></span>
<span class="four_ball"></span>
<span class="five_ball"></span>
<span class="six_ball"></span>
<span class="seven_ball "></span>
<span class="vall" id="boll"></span>-->
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="crust">
<div class="number_box">
<div class="number">
<ul>
<!--<li class="red">06</li>
<li class="blue">29</li>
<li class="blue">17</li>
<li class="red">23</li>
<li class="blue">01</li>
<li class="red">49</li>
<li class="green lastLi">22</li>-->
</ul>
</div>
</div>
</div>
</div>
<p id="nextTime"></p>
</div>
<div class="loadcolor">
<!--<span class="red"></span>
<span class="blue"></span>
<span class="green"></span>-->
<img src="img/ball_blue.png" alt="" />//背景图片以及其他应用图片
<img src="img/ball_green.png" alt="" />
<img src="img/ball_red.png" alt="" />
<img src="img/liuhe_v0.png" alt="" />
<img src="img/liuhe_v1.png" alt="" />
<img src="img/liuhe_v2.png" alt="" />
</div>
<!--<p class="p"></p>-->
<audio id="bgSound" src="sound/bgsound.mp3" loop="loop"></audio>//背景循环音乐
<!-- controls="controls" 显示控件-->
<audio id="numSound" src="sound/empt.mp3"></audio>//号码数字音
<div class="num_sound">
<audio id="numSound1" src="sound/1.mp3"></audio>//号码数字音
<audio id="numSound2" src="sound/2.mp3"></audio>//号码数字音
<audio id="numSound3" src="sound/3.mp3"></audio>//号码数字音

</div>
<div class="count_sound">
<audio id="numSound_one" src="sound/one.mp3"></audio>//号码第几个数字音
<audio id="numSound_two" src="sound/two.mp3"></audio>
<audio id="numSound_three" src="sound/three.mp3"></audio>
<audio id="numSound_four" src="sound/four.mp3"></audio>
<audio id="numSound_five" src="sound/five.mp3"></audio>
<audio id="numSound_six" src="sound/six.mp3"></audio>
<audio id="numSound_seven" src="sound/seven.mp3"></audio>
</div>
</div>
<!--<div class="btn">11211</div>-->
<!--<div id="target" class="target"></div>-->
</body>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>//JS重要文件
<script type="text/javascript" src="js/index.js"></script>//核心文件

</html>

 

 2.后面持续更新讲解index.js的核心内部代码内容。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航