<!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">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/idangerous.swiper.css">
<title>英雄联盟全新官方网站-腾讯游戏</title>
</head>
<body>
<header class="big pr">
<div class="head_nav w pr">
<img src="./images/logo-public.png" alt="" class="fl">
<ul class="fl" onmouseover="subNavDown()" onmouseout="subNavUp()">
<li>
<a href="javascript:;">
<h3 class="head_title">游戏资料</h3>
<span class="head_subtitle">GAME INFO</span>
</a>
</li>
<li>
<a href="javascript:;">
<h3 class="head_title">商城/合作</h3>
<span class="head_subtitle">STORE</span>
</a>
</li>
<div style="display: none;">by github cv-cat</div>
<li>
<a href="javascript:;">
<h3 class="head_title">社区互动</h3>
<span class="head_subtitle">COMMUNITY</span>
</a>
</li>
<li>
<a href="javascript:;">
<h3 class="head_title">赛事官网</h3>
<span class="head_subtitle">ESPORTS</span>
</a>
</li>
<li>
<a href="javascript:;">
<h3 class="head_title">自助系统</h3>
<span class="head_subtitle">SYSTEM</span>
</a>
</li>
</ul>
<ul class="fr">
<li><a href="javascript:;" class="icon_search" onclick="searchOpen()"></a></li>
<li><a href="javascript:;" class="icon_phone" onmouseover="display('.hover_phone', 'show')"
onmouseout="display('.hover_phone', 'none')"></a></li>
<li>
<div class="unlogin pr" onmouseover="display('.hover_login', 'show')"
onmouseout="display('.hover_login', 'none')">
<a href="javascript:;" class="icon_user fl"><img src="images/default.png" alt=""
srcset=""></a><span>亲爱的召唤师，欢迎</span><a href="javascript:;" class="head_login">登录</a>
</div>
</li>
</ul>
<div class="hover_phone pa" onmouseover="display('.hover_phone', 'show')"
onmouseout="display('.hover_phone', 'none')">
<div class="qrcode">
<img src="images/zm-qrcode-new.jpg" class="qrcode_img">
</div>
<p>扫码下载掌上英雄联盟</p>
<img src="images/polo.gif" class="polo pa">
</div>
<div class="hover_login pa" onmouseover="display('.hover_login', 'show')"
onmouseout="display('.hover_login', 'none')">
<p class="p1">
登录并且绑定大区后才可以查看您的具体信息哦<br>
(包括战绩、资产、声望）
</p>
<p class="p2">
官网个人信息显示略有延迟，请以游戏数据为准
</p>
<a href="javascript:;" class="">进入个人中心<i class="arrow"></i></a>
</div>
</div>
<div class="dark_mark"></div>
<div class="head_sub_nav pa hide" onmouseover="subNavDown()" onmouseout="subNavUp()">
<div class="head_sub_nav_inner w">
<ul>
<li>
<a href="javascript:;">
<span>游戏下载</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>新手指引</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>资料库</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="icon_new"></i>
<span>云顶之弈</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="icon_new"></i>
<span>攻略中心</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>开发者基地</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>海克斯战利品库</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>英雄联盟宇宙</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="javascript:;">
<span>点券充值</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="icon_hot"></i>
<span>道聚城</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>周边商城</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>LOL桌游</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>网吧特权</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>电竞小说</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="javascript:;">
<span>视频中心</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>官方微信</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>官方微博</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>玩家创作馆</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>玩家服务</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="icon_new"></i>
<span>LOL组队专区</span>
课程作业-基于Html+Css+JavaScript的英雄联盟官网静态页面.zip （332个子文件） 
index.css 42KB swiper.min.css 13KB common.css 7KB base.css 825B idangerous.swiper.css 272B tttgbnumber.eot 19KB
polo.gif 15KB
index.html 290KB favicon.ico 1KB promo_img_3.jpeg 258KB promo_img_4.jpeg 227KB promo_img_5.jpeg 160KB promo_img_1.jpeg 139KB promo_img_2.jpeg 138KB
video_img_27.jpg 1.04MB video_img_43.jpg 1003KB video_img_71.jpg 985KB video_img_36.jpg 898KB video_img_59.jpg 554KB video_img_58.jpg 498KB video_img_55.jpg 473KB video_img_54.jpg 472KB video_img_45.jpg 471KB video_img_04.jpg 470KB video_img_60.jpg 468KB video_img_70.jpg 467KB video_img_33.jpg 453KB video_img_68.jpg 452KB video_img_44.jpg 436KB video_img_53.jpg 434KB video_img_28.jpg 432KB video_img_57.jpg 428KB video_img_34.jpg 425KB header_big_bg.jpg 422KB video_img_65.jpg 414KB video_img_00.jpg 414KB video_img_69.jpg 401KB video_img_32.jpg 378KB video_img_08.jpg 359KB video_img_40.jpg 349KB video_img_56.jpg 348KB video_img_51.jpg 343KB video_img_52.jpg 333KB video_img_03.jpg 318KB video_img_41.jpg 312KB header_small_bg.jpg 278KB video_img_42.jpg 271KB skin_img_4.jpg 160KB skin_img_1.jpg 127KB video_img_50.jpg 126KB new_skin.jpg 117KB skin_img_5.jpg 114KB act_img_2.jpg 112KB skin_img_6.jpg 100KB video_img_10.jpg 92KB video_img_11.jpg 92KB video_img_16.jpg 90KB new_hero.jpg 89KB skin_img_3.jpg 89KB log_img.jpg 88KB skin_img_7.jpg 73KB video_img_61.jpg 71KB skin_img_2.jpg 69KB video_img_18.jpg 67KB video_img_20.jpg 63KB video_img_23.jpg 62KB video_img_21.jpg 61KB video_img_09.jpg 60KB video_img_07.jpg 60KB video_img_05.jpg 60KB video_img_49.jpg 60KB video_img_17.jpg 60KB video_img_02.jpg 59KB video_img_06.jpg 59KB video_img_01.jpg 59KB video_img_48.jpg 57KB video_img_19.jpg 57KB video_img_37.jpg 56KB video_img_22.jpg 55KB video_img_46.jpg 53KB video_img_63.jpg 52KB video_img_64.jpg 51KB video_img_38.jpg 51KB video_img_24.jpg 51KB version_img.jpg 49KB video_img_25.jpg 49KB video_img_14.jpg 49KB video_img_66.jpg 48KB video_img_30.jpg 48KB act_img_4.jpg 47KB video_img_13.jpg 47KB video_img_31.jpg 45KB video_img_26.jpg 45KB video_img_12.jpg 44KB video_img_67.jpg 42KB model_img.jpg 38KB video_img_39.jpg 37KB video_img_29.jpg 35KB video_img_62.jpg 35KB video_img_35.jpg 34KB共 332 条
- 1
- 2
- 3
- 4
资源评论
2301_765213832024-05-14资源值得借鉴的内容很多，那就浅学一下吧，值得下载！
