<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="pragram" content="no-cache" />
<title>京东11.11合伙人</title>
<link href="css/style.css" type="text/css" rel="stylesheet"/>
<script src="js/jquery-1.11.1.min.js"></script>
<!--移动端版本兼容 -->
<script type="text/javascript">
var phoneWidth = parseInt(window.screen.width);
var phoneScale = phoneWidth/750;
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
var version = parseFloat(RegExp.$1);
// andriod 2.3
if(version>2.3){
document.write('<meta name="viewport" content="width=750, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
// andriod 2.3以上
}else{
document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
}
// 其他系统
} else {
document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
}
//微信去掉下方刷新栏
if(RegExp("MicroMessenger").test(navigator.userAgent)){
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideToolbar');
});
}
</script>
<!--页面切换-->
<script src="js/pageqh.js"></script>
<!--滑块-->
<script src="js/huakuai.js"></script>
<!--打字机场景1-->
<script src="js/daziHB.js"></script>
<!--打字机场景2-->
<script src="js/daziJG.js"></script>
</head>
<body>
<!--场景1-->
<div class="pg1_huk">
<em class="music"><img src="images/yiyu1.png" class="dhxz"/><img src="images/yiyu.png" class="none"/></em>
<div class="cj_zsp">
<!--中间部分-->
<div class="zoj_zsq">
<div class="email"><img src="images/cj1_yspic1.png"/> </div>
<div class="souji"><img src="images/cj1_soji.png"/> </div>
<div class="kswz">听说~</div>
<!--文字部分-->
<div class="winziBF" id="kais_text">
</div>
<div class="an_net none"><img src="images/an_gqcc.png"/> </div>
</div>
</div>
</div>
<!--场景2-->
<div class="pg2_huk none" >
<h1 class="Nrdbtext"><img src="images/p2_baot.png"/> </h1>
<div class="Nrzuzbt"><span>给你的B面人设加点天赋</span></div>
<!--滑块区域-->
<div id="sliderContainer">
<!--财富-->
<div class="tick-bat">
<h2><img src="images/p2_caifu.png"/> </h2>
<div class="hukuiq">
<!--左侧数值 -->
<div class="cusizi">0%</div>
<!--滑块-->
<div class="tick-bj">
<div class="tick-slider">
<div class="tick-slider-background"></div> <!--背景-->
<div id="weightProgress" class="tick-slider-progress"></div><!--进度条-->
<input
id="weightSlider"
class="tick-slider-input"
type="range"
min="0"
max="100"
value="50"
data-tick-id="weightTicks"
data-value-id="weightValue"
data-progress-id="weightProgress"
/>
</div>
</div>
<!--滑过后数值-->
<div class="tick-slider-value-container">
<div id="weightValue" class="tick-slider-value"></div>
</div>
</div>
</div>
<!--智商-->
<div class="tick-bat">
<h2><img src="images/p2_zisan.png"/> </h2>
<div class="hukuiq">
<!--左侧数值 -->
<div class="cusizi">0%</div>
<!--滑块-->
<div class="tick-bj">
<div class="tick-slider">
<div class="tick-slider-background"></div> <!--背景-->
<div id="zisanProgress" class="tick-slider-progress"></div><!--进度条-->
<input
id="zisanSlider"
class="tick-slider-input"
type="range"
min="0"
max="100"
value="50"
data-tick-id="zisanTicks"
data-value-id="zisanValue"
data-progress-id="zisanProgress"
/>
</div>
</div>
<!--滑过后数值-->
<div class="tick-slider-value-container">
<div id="zisanValue" class="tick-slider-value"></div>
</div>
</div>
</div>
<!--情商-->
<div class="tick-bat">
<h2><img src="images/p2_qinsan.png"/> </h2>
<div class="hukuiq">
<!--左侧数值 -->
<div class="cusizi">0%</div>
<!--滑块-->
<div class="tick-bj">
<div class="tick-slider">
<div class="tick-slider-background"></div>
<div id="qinsanProgress" class="tick-slider-progress"></div>
<input
id="qinsanSlider"
class="tick-slider-input"
type="range"
min="0"
max="100"
value="50"
data-tick-id="qinsanTicks"
data-value-id="qinsanValue"
data-progress-id="qinsanProgress"
/>
</div>
</div>
<!--滑过后数值-->
<div class="tick-slider-value-container">
<div id="qinsanValue" class="tick-slider-value"></div>
</div>
</div>
</div>
<!--体力-->
<div class="tick-bat">
<h2><img src="images/p2_tili.png"/> </h2>
<div class="hukuiq">
<!--左侧数值 -->
<div class="cusizi">0%</div>
<!--滑块-->
<div class="tick-bj">
<div class="tick-slider">
<div class="tick-slider-background"></div>
<div id="tiliProgress" class="tick-slider-progress"></div>
<input
id="tiliSlider"
class="tick-slider-input"
type="range"
min="0"
max="100"
value="50"
data-tick-id="tiliTicks"
data-value-id="tiliValue"
data-progress-id="tiliProgress"
/>
</div>
</div>
<
H5游戏包括打字机，柱状图拖动，翻牌，生成海报等效果
需积分: 9 174 浏览量
2022-10-13
18:22:51
上传
评论
收藏 14.01MB ZIP 举报
html2.zip （99个子文件） 
css 
style.css 19KB images 
jigo_pic26.png 22KB
cj1_bj.jpg 421B jigo_pic19.png 15KB p2_qinsan.png 481B yiyu.png 829B fanpai_4.png 5KB an_gqcc.png 5KB jigo_pic29.png 6KB jigo_pic28.png 24KB fanpai_3.png 4KB jdt_bjsz.png 731B jigo_pic17.png 4KB jig_jtfot.png 110B jig_fot.png 4KB tm.png 95B jigo_pic25.png 6KB jigo_pic11.png 8KB jigo_pic2.png 20KB jigo_pics8.png 9KB jigo_pic16.png 9KB an_lqfh.png 5KB jdt_jiato.png 331B cj1_yspic1.png 2KB p2_text.png 3KB fanpai_3.1.png 4KB fanpai_6.1.png 3KB jigo_pic20.png 19KB p2_zisan.png 438B yiyu1.png 839B jigo_pic18.png 25KB bgm.mp3 422KB jigo_pic10.png 16KB fanpai_5.png 5KB cj1_top.png 831B jigo_pic30.png 14KB fanpai_2.png 5KB haib_bc.jpg 118KB jigo_pic14.png 8KB jig_fanh.png 777B fanpai_5.1.png 4KB jigo_pic8.png 10KB jigo_pic22.png 30KB fanpai_1.1.png 4KB p2_bj.jpg 98KB p3_baot.png 2KB jigo_pic13.png 7KB fanpai_6.png 4KB cj1_soji.png 26KB haib_bcs.jpg 101KB jdt_bjzs.png 5KB zuzt_yuan1.png 3KB zuzt_yuan2.png 3KB jdt_txbj.png 2KB fanpai_4.1.png 4KB jigo_pic15.png 2KB cj1_bjpic.png 2KB jigo_pic12.png 16KB jigo_pic1.png 2KB p2_line.png 373B an_jixu.png 2KB jiaz_fotp.png 1KB Thumbs.db 778KB jigo_pic9.png 7KB jiz_xin.png 1KB fanpai_1.png 5KB jdt_icon.png 3KB jigo_pic24.png 14KB jigo_pic5.png 37KB jigo_pic7.png 14KB zuzt_yuan3.png 3KB p2_baot.png 2KB p2_caifu.png 489B jdt_pic.png 198B fanp_ys.png 2KB jigo_pic21.png 37KB zuzt_yuan4.png 2KB jiaz_topP.png 956B p2_tili.png 479B jigo_pic27.png 11KB jigo_pic6.png 68KB zuzt_hk.png 1KB cj1_nrq.png 39KB jgy_bj.jpg 138KB jigo_pic23.png 18KB jigo_pic4.png 21KB fanpai_2.1.png 4KB an_schb.png 2KB fanp_xz.png 4KB an_xwl.png 2KB jigo_pic3.png 9KB
index.html 35KB js pageqh.js 1KB huakuai.js 1KB jquery-1.11.1.min.js 94KB daziJG.js 2KB daziHB.js 3KB font SourceHanSansCN-Medium.otf 8MB HYQiHei-60S.ttf 8.18MB
spriteson
- 粉丝: 7
- 资源: 9
最新资源
- Pytorch-pytorch深度学习教程之前馈神经网络.zip
- Pytorch-pytorch深度学习教程之线性回归.zip
- Pytorch-pytorch深度学习教程之基本操作.zip
- 基于QT的地图可视化桌面系统后台数据库为MySQL5.7源码.zip
- 基于simulink的PLL锁相环系统仿真【包括模型，文档，参考文献，操作步骤】
- 基于EM-GMM模型的目标跟踪和异常行为检测matlab仿真【包括程序，注释，参考文献，操作步骤，说明文档】
- 2109010044_胡晨燕_选课管理数据库设计与实现.prj
- 帕鲁介绍的PPT备份没什么好下的
- demo1-202405
- 两种方式修改Intel网卡MAC地址
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0