2222021李鑫宇.zip

资源文件列表(大概)

文件名

大小

游戏网站1/

游戏网站1/01.html

4.14KB

游戏网站1/02.html

2.11KB

游戏网站1/Index.html

21.97KB

游戏网站1/about.html

5.01KB

游戏网站1/blog-details1.html

8.12KB

游戏网站1/blog-details2.html

8.1KB

游戏网站1/blog-details3.html

8.12KB

游戏网站1/blog.html

7.29KB

游戏网站1/css/

游戏网站1/css/01.css

440B

游戏网站1/css/bootstrap.min.css

158.22KB

游戏网站1/css/dengru copy.css

2.45KB

游戏网站1/css/dengru.css

2.45KB

游戏网站1/css/style.css

5.28KB

游戏网站1/css/swiper-bundle.min.css

15.46KB

游戏网站1/css/zhuce2.css

2.44KB

游戏网站1/dengru.html

825B

游戏网站1/faq.html

5.68KB

游戏网站1/fonts/

游戏网站1/fonts/demo.css

8.23KB

游戏网站1/fonts/demo_index.html

9.59KB

游戏网站1/fonts/iconfont.css

576B

游戏网站1/fonts/iconfont.js

3.17KB

游戏网站1/fonts/iconfont.json

624B

游戏网站1/fonts/iconfont.ttf

2.02KB

游戏网站1/fonts/iconfont.woff

1.38KB

游戏网站1/fonts/iconfont.woff2

992B

游戏网站1/images/

游戏网站1/images/2.mp4

14.69MB

游戏网站1/images/banner1.jpg

723.76KB

游戏网站1/images/banner2.jpg

1.41MB

游戏网站1/images/banner3.jpg

141.6KB

游戏网站1/images/banner4.jpg

1.06MB

游戏网站1/images/banner5.jpg

879.36KB

游戏网站1/images/icon-bf.png

3.95KB

游戏网站1/images/icon1.png

2.64KB

游戏网站1/images/icon2.png

1.61KB

游戏网站1/images/icon3.png

2.64KB

游戏网站1/images/icon4.png

2.66KB

游戏网站1/images/logo.png

32.64KB

游戏网站1/images/pic1.jpg

60.6KB

游戏网站1/images/pic2.jpg

1.58MB

游戏网站1/images/pic3.jpg

559.49KB

游戏网站1/images/user.png

29.08KB

游戏网站1/img/

游戏网站1/img/denru zhuce/

游戏网站1/img/denru zhuce/047609e439d3ed5a5292b726948cfb0b.jpeg

1.66MB

游戏网站1/img/denru zhuce/90cedb1ff02efe4b4577e3de4a29e4e2.jpeg

4.03MB

游戏网站1/img/denru zhuce/f17919a79fe46b15d5823244da304228.jpeg

4MB

游戏网站1/img/index/

游戏网站1/img/index/0.jpg

184.12KB

游戏网站1/img/index/0.webp

238.16KB

游戏网站1/img/index/01.jpg

606.49KB

游戏网站1/img/index/02.jpg

792.91KB

游戏网站1/img/index/03.jpg

571.73KB

游戏网站1/img/index/1.png

125.39KB

游戏网站1/img/index/2.jpg

402.07KB

游戏网站1/img/index/3.jpg

485.19KB

游戏网站1/img/index/4.jpg

51.47KB

游戏网站1/img/index/5.jpg

380.79KB

游戏网站1/img/index/51e183fe689935f45a0ad99641a817182791794.png

2.31MB

游戏网站1/img/index/74fb792ff1c9a568c712b4cb99aa8a04557350.png

268.1KB

游戏网站1/img/index/ao1.jpg

35.18KB

游戏网站1/img/index/ao2.jpg

34.4KB

游戏网站1/img/index/ao3.jpg

26.67KB

游戏网站1/img/index/ao4.jpg

30.09KB

游戏网站1/img/index/ao5.jpg

24.2KB

游戏网站1/img/index/ao6.jpg

21.78KB

游戏网站1/img/index/ao7.jpg

18.63KB

游戏网站1/img/index/ao8.jpg

22.64KB

游戏网站1/img/index/c321139b7e5a4989bbbce187a91d2960.jpg

380.79KB

游戏网站1/img/index/dain14.jpg

24.46KB

游戏网站1/img/index/dain16.jpg

21.04KB

游戏网站1/img/index/dain5.jpg

17.62KB

游戏网站1/img/index/dian1.jpg

17.82KB

游戏网站1/img/index/dian10.jpg

23.75KB

游戏网站1/img/index/dian11.jpg

30.13KB

游戏网站1/img/index/dian12.jpg

19.98KB

游戏网站1/img/index/dian13.jpg

24.57KB

游戏网站1/img/index/dian14.jpg

24.46KB

游戏网站1/img/index/dian15.jpg

26.43KB

游戏网站1/img/index/dian16.jpg

21.04KB

游戏网站1/img/index/dian17.jpg

20.39KB

游戏网站1/img/index/dian2.jpg

18.49KB

游戏网站1/img/index/dian3.jpg

20.43KB

游戏网站1/img/index/dian4.jpg

21.24KB

游戏网站1/img/index/dian6.jpg

20.89KB

游戏网站1/img/index/dian7.jpg

26.13KB

游戏网站1/img/index/dian8.jpg

22.5KB

游戏网站1/img/index/dian9.jpg

25.66KB

游戏网站1/img/index/fc59dbd3dbeb450690aa03cf97688a5c.gif

1.58MB

游戏网站1/img/index/nei1.jpg

36.75KB

游戏网站1/img/index/nei2.jpg

10.45KB

游戏网站1/img/index/nei3.jpg

11.25KB

游戏网站1/img/index/nei4.jpg

10.37KB

游戏网站1/img/index/nei5.jpg

13.01KB

游戏网站1/img/index/rh0.jpg

86.88KB

游戏网站1/img/index/rh1.jpg

12.74KB

游戏网站1/img/index/rh2.jpg

10.7KB

游戏网站1/img/index/rh3.jpg

18.48KB

游戏网站1/img/index/rh4.jpg

9.08KB

游戏网站1/img/index/tiger.png

57.17KB

游戏网站1/img/index/tiger1.png

31.32KB

游戏网站1/img/index/wen1.jpg

14.72KB

游戏网站1/img/index/wen2.jpg

28.18KB

游戏网站1/img/index/wen3.jpg

14.77KB

游戏网站1/img/index/wen4.jpg

21.14KB

游戏网站1/img/index/wen5.jpg

32.32KB

游戏网站1/img/index/wen6.jpg

28.95KB

游戏网站1/img/index/yonghu.png

27.59KB

游戏网站1/img/index/yonghu2.png

14.21KB

游戏网站1/img/index/yonghu3.png

15.39KB

游戏网站1/img/index/z0.jpg

89.2KB

游戏网站1/img/index/z1.jpg

16.79KB

游戏网站1/img/index/z2.jpg

16.57KB

游戏网站1/img/index/z3.jpg

10.95KB

游戏网站1/img/index/z4.jpg

12.81KB

游戏网站1/img/video.jpg

63.3KB

游戏网站1/img/video1.mp4

10.38MB

游戏网站1/js/

游戏网站1/js/01.js

1.08KB

游戏网站1/js/bootstrap.min.js

60.98KB

游戏网站1/js/dengru.js

2KB

游戏网站1/js/jquery-3.4.1.min.js

86.08KB

游戏网站1/js/swiper-bundle.min.js

136.16KB

游戏网站1/js/zhuce.js

970B

游戏网站1/less/

游戏网站1/less/style.less

6.84KB

游戏网站1/video.html

8.05KB

游戏网站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; 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，则是

用户评论 (0)

发表评论

您的昵称:

评分

评论内容:

验证码:

2222021李鑫宇.zip

资源文件列表(大概)

资源内容介绍

用户评论 (0)

发表评论

相关资源

INA226软件IIC驱动.zip

k8s文档解压即可使用

LArea的js与css

Bloodshed_Dev_C_5.11.0.0.zip