ZIP2222021李鑫宇.zip 50.82MB

2301_78601365需要积分:3(1积分=1元)

资源文件列表:

2222021李鑫宇.zip 大约有131个文件
  1. 游戏网站1/
  2. 游戏网站1/01.html 4.14KB
  3. 游戏网站1/02.html 2.11KB
  4. 游戏网站1/Index.html 21.97KB
  5. 游戏网站1/about.html 5.01KB
  6. 游戏网站1/blog-details1.html 8.12KB
  7. 游戏网站1/blog-details2.html 8.1KB
  8. 游戏网站1/blog-details3.html 8.12KB
  9. 游戏网站1/blog.html 7.29KB
  10. 游戏网站1/css/
  11. 游戏网站1/css/01.css 440B
  12. 游戏网站1/css/bootstrap.min.css 158.22KB
  13. 游戏网站1/css/dengru copy.css 2.45KB
  14. 游戏网站1/css/dengru.css 2.45KB
  15. 游戏网站1/css/style.css 5.28KB
  16. 游戏网站1/css/swiper-bundle.min.css 15.46KB
  17. 游戏网站1/css/zhuce2.css 2.44KB
  18. 游戏网站1/dengru.html 825B
  19. 游戏网站1/faq.html 5.68KB
  20. 游戏网站1/fonts/
  21. 游戏网站1/fonts/demo.css 8.23KB
  22. 游戏网站1/fonts/demo_index.html 9.59KB
  23. 游戏网站1/fonts/iconfont.css 576B
  24. 游戏网站1/fonts/iconfont.js 3.17KB
  25. 游戏网站1/fonts/iconfont.json 624B
  26. 游戏网站1/fonts/iconfont.ttf 2.02KB
  27. 游戏网站1/fonts/iconfont.woff 1.38KB
  28. 游戏网站1/fonts/iconfont.woff2 992B
  29. 游戏网站1/images/
  30. 游戏网站1/images/2.mp4 14.69MB
  31. 游戏网站1/images/banner1.jpg 723.76KB
  32. 游戏网站1/images/banner2.jpg 1.41MB
  33. 游戏网站1/images/banner3.jpg 141.6KB
  34. 游戏网站1/images/banner4.jpg 1.06MB
  35. 游戏网站1/images/banner5.jpg 879.36KB
  36. 游戏网站1/images/icon-bf.png 3.95KB
  37. 游戏网站1/images/icon1.png 2.64KB
  38. 游戏网站1/images/icon2.png 1.61KB
  39. 游戏网站1/images/icon3.png 2.64KB
  40. 游戏网站1/images/icon4.png 2.66KB
  41. 游戏网站1/images/logo.png 32.64KB
  42. 游戏网站1/images/pic1.jpg 60.6KB
  43. 游戏网站1/images/pic2.jpg 1.58MB
  44. 游戏网站1/images/pic3.jpg 559.49KB
  45. 游戏网站1/images/user.png 29.08KB
  46. 游戏网站1/img/
  47. 游戏网站1/img/denru zhuce/
  48. 游戏网站1/img/denru zhuce/047609e439d3ed5a5292b726948cfb0b.jpeg 1.66MB
  49. 游戏网站1/img/denru zhuce/90cedb1ff02efe4b4577e3de4a29e4e2.jpeg 4.03MB
  50. 游戏网站1/img/denru zhuce/f17919a79fe46b15d5823244da304228.jpeg 4MB
  51. 游戏网站1/img/index/
  52. 游戏网站1/img/index/0.jpg 184.12KB
  53. 游戏网站1/img/index/0.webp 238.16KB
  54. 游戏网站1/img/index/01.jpg 606.49KB
  55. 游戏网站1/img/index/02.jpg 792.91KB
  56. 游戏网站1/img/index/03.jpg 571.73KB
  57. 游戏网站1/img/index/1.png 125.39KB
  58. 游戏网站1/img/index/2.jpg 402.07KB
  59. 游戏网站1/img/index/3.jpg 485.19KB
  60. 游戏网站1/img/index/4.jpg 51.47KB
  61. 游戏网站1/img/index/5.jpg 380.79KB
  62. 游戏网站1/img/index/51e183fe689935f45a0ad99641a817182791794.png 2.31MB
  63. 游戏网站1/img/index/74fb792ff1c9a568c712b4cb99aa8a04557350.png 268.1KB
  64. 游戏网站1/img/index/ao1.jpg 35.18KB
  65. 游戏网站1/img/index/ao2.jpg 34.4KB
  66. 游戏网站1/img/index/ao3.jpg 26.67KB
  67. 游戏网站1/img/index/ao4.jpg 30.09KB
  68. 游戏网站1/img/index/ao5.jpg 24.2KB
  69. 游戏网站1/img/index/ao6.jpg 21.78KB
  70. 游戏网站1/img/index/ao7.jpg 18.63KB
  71. 游戏网站1/img/index/ao8.jpg 22.64KB
  72. 游戏网站1/img/index/c321139b7e5a4989bbbce187a91d2960.jpg 380.79KB
  73. 游戏网站1/img/index/dain14.jpg 24.46KB
  74. 游戏网站1/img/index/dain16.jpg 21.04KB
  75. 游戏网站1/img/index/dain5.jpg 17.62KB
  76. 游戏网站1/img/index/dian1.jpg 17.82KB
  77. 游戏网站1/img/index/dian10.jpg 23.75KB
  78. 游戏网站1/img/index/dian11.jpg 30.13KB
  79. 游戏网站1/img/index/dian12.jpg 19.98KB
  80. 游戏网站1/img/index/dian13.jpg 24.57KB
  81. 游戏网站1/img/index/dian14.jpg 24.46KB
  82. 游戏网站1/img/index/dian15.jpg 26.43KB
  83. 游戏网站1/img/index/dian16.jpg 21.04KB
  84. 游戏网站1/img/index/dian17.jpg 20.39KB
  85. 游戏网站1/img/index/dian2.jpg 18.49KB
  86. 游戏网站1/img/index/dian3.jpg 20.43KB
  87. 游戏网站1/img/index/dian4.jpg 21.24KB
  88. 游戏网站1/img/index/dian6.jpg 20.89KB
  89. 游戏网站1/img/index/dian7.jpg 26.13KB
  90. 游戏网站1/img/index/dian8.jpg 22.5KB
  91. 游戏网站1/img/index/dian9.jpg 25.66KB
  92. 游戏网站1/img/index/fc59dbd3dbeb450690aa03cf97688a5c.gif 1.58MB
  93. 游戏网站1/img/index/nei1.jpg 36.75KB
  94. 游戏网站1/img/index/nei2.jpg 10.45KB
  95. 游戏网站1/img/index/nei3.jpg 11.25KB
  96. 游戏网站1/img/index/nei4.jpg 10.37KB
  97. 游戏网站1/img/index/nei5.jpg 13.01KB
  98. 游戏网站1/img/index/rh0.jpg 86.88KB
  99. 游戏网站1/img/index/rh1.jpg 12.74KB
  100. 游戏网站1/img/index/rh2.jpg 10.7KB
  101. 游戏网站1/img/index/rh3.jpg 18.48KB
  102. 游戏网站1/img/index/rh4.jpg 9.08KB
  103. 游戏网站1/img/index/tiger.png 57.17KB
  104. 游戏网站1/img/index/tiger1.png 31.32KB
  105. 游戏网站1/img/index/wen1.jpg 14.72KB
  106. 游戏网站1/img/index/wen2.jpg 28.18KB
  107. 游戏网站1/img/index/wen3.jpg 14.77KB
  108. 游戏网站1/img/index/wen4.jpg 21.14KB
  109. 游戏网站1/img/index/wen5.jpg 32.32KB
  110. 游戏网站1/img/index/wen6.jpg 28.95KB
  111. 游戏网站1/img/index/yonghu.png 27.59KB
  112. 游戏网站1/img/index/yonghu2.png 14.21KB
  113. 游戏网站1/img/index/yonghu3.png 15.39KB
  114. 游戏网站1/img/index/z0.jpg 89.2KB
  115. 游戏网站1/img/index/z1.jpg 16.79KB
  116. 游戏网站1/img/index/z2.jpg 16.57KB
  117. 游戏网站1/img/index/z3.jpg 10.95KB
  118. 游戏网站1/img/index/z4.jpg 12.81KB
  119. 游戏网站1/img/video.jpg 63.3KB
  120. 游戏网站1/img/video1.mp4 10.38MB
  121. 游戏网站1/js/
  122. 游戏网站1/js/01.js 1.08KB
  123. 游戏网站1/js/bootstrap.min.js 60.98KB
  124. 游戏网站1/js/dengru.js 2KB
  125. 游戏网站1/js/jquery-3.4.1.min.js 86.08KB
  126. 游戏网站1/js/swiper-bundle.min.js 136.16KB
  127. 游戏网站1/js/zhuce.js 970B
  128. 游戏网站1/less/
  129. 游戏网站1/less/style.less 6.84KB
  130. 游戏网站1/video.html 8.05KB
  131. 游戏网站1/zhuce.html 781B

资源介绍:

2222021李鑫宇.zip
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>游戏网站</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/swiper-bundle.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/01.css"> <style> #d1 { width: 300px;height: 200px; background: lightblue; position: fixed;right:20px;bottom: -200px; transition: all 0.5s;} #d1 span {position: absolute;top: 0;right:0;border:1px solid #000; padding: 6px 12px;} </style> <style> * { margin: 0; padding: 0; } li { list-style: none; } .big_box { position: relative; width: 1300px; height: 500px; margin: 100px auto; overflow: hidden; } .big_box ul { position: absolute; left: 0; width: 600%; height: 400px; } .big_box ul li { float: left; } .big_box ul li img { width: 1300px; height: 500px; } .left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: rgba(255, 255, 255, .5); width: 30px; height: 30px; line-height: 30px; text-align: center; } .right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: rgba(255, 255, 255, .5); width: 30px; height: 30px; line-height: 30px; text-align: center; } .big_box ol { position: absolute; bottom: 0; /* 这里别给ol限制宽度，让小圆圈的个数自动把ol撑大 */ left: 50%; transform: translateX(-50%); height: 10%; line-height: 10%; text-align: center; } .big_box ol li { float: left; width: 20px; height: 20px; background-color: rgba(0, 0, 0, .5); border-radius: 50%; margin-left: 5px; } .big_box ol .current { background-color: rgb(211, 29, 29); } .left, .right, ol li { cursor: pointer; } </style> </head> <body> <header> <div class="w header"> <nav class="nav"> <a href="#" class="logo"> <img src="images/logo.png" alt=""> </a> <ul class="nav-meau"> <li><a href="Index.html" class="active">首页</a></li> <li><a href="blog.html" >论坛</a></li> <li><a href="video.html" >视频</a></li> <li><a href="faq.html">问答</a></li> </ul> </nav> <ul class="user"> <li><a href="dengru.html">登录</a></li> <li><a href="02.html">注册</a></li> </ul> </div> </header> <body> <div class="big_box"> <!-- 轮播的图片 --> <ul> <li> <img src="images/banner1.jpg" alt=""> </li> <li> <img src="images/banner2.jpg" alt=""> </li> <li> <img src="images/banner4.jpg" alt=""> </li> </ul> <!-- 左右按键 --> <div class="left">&lt</div> <div class="right">&gt</div> <!-- 小圆圈 --> <ol> </ol> </div> <script> var timer; var big_box = document.querySelector('.big_box'); var ul = big_box.querySelector('ul'); var ol = big_box.querySelector('ol'); var lis_img = ul.querySelectorAll('li'); var left = document.querySelector('.left'); var right = document.querySelector('.right'); var num = 0; //记录要滑到第几张图片 function animate(obj, target) { var timer1 = setInterval(function () { var current = obj.offsetLeft; var step = 10; step = current > target ? -step : step; // 下面要包括等于的情况，否则会发生抖动 if (Math.abs(current - target) <= Math.abs(step)) { clearInterval(timer1); obj.style.left = target + 'px'; } else { obj.style.left = current + step + 'px'; } }, 10) } //小圆圈样式改变 function circlechange(circles, circle) { if (circle == lis_img.length) { circle = 0; } //排他思想设置小圆圈样式 //排他思想第一步:先把所有的小圆圈样式去掉 for (var i = 0; i < circles.length; i++) { circles[i].className = ""; } //排他思想第二步:把当前图片对应的小圆圈设置样式 circles[circle].className = "current"; } //在页面刚加载进来就执行代码 window.addEventListener('load', function () { //设置小圆点的个数 for (var i = 0; i < lis_img.length; i++) { var li = document.createElement('li'); ol.appendChild(li); // 给小圆圈添加自定义属性 li.setAttribute('index', i); //一开始第一个小圆圈就是被选中状态 if (i == 0) { li.className = "current"; } //给小圆圈添加点击处理事件 li.addEventListener('click', function () { //排他思想实现小圆圈样式改变 for (var j = 0; j < ol.children.length; j++) { ol.children[j].className = ""; } this.className = "current"; //实现点击小圆圈后图片滑动 var index = this.getAttribute('index'); animate(ul, -index * big_box.offsetWidth); // 在图片滑动的同时对应的小圆圈样式也要发生改变，所以调用animate函数同时调用circlechange函数 circlechange(circles, index); }) } //为了实现无缝衔接的切换图片，要把第一张图片克隆到最后一张图片的附近 var circles = ol.querySelectorAll('li'); // cloneNode函数若括号里面是true，则是
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPINA226软件IIC驱动.zip2.34KB7月前
    ZIPk8s文档解压即可使用2.51MB7月前
    ZIPLArea的js与css74.72KB7月前
    ZIPBloodshed_Dev_C_5.11.0.0.zip48.1MB7月前
    ZIPvc2022重新编的 cc65 编译器19.7MB7月前
    ZIPC# 将窗体嵌套进 TabControl 控件中42.38KB7月前
    ZIPJMF608 开卡工具MP 版本V2.051.83MB7月前
    ZIPESP32C3-SuperMini 的PlatformIO支持文件2.16KB7月前