HTML5期末大作业
文章目录
HTML5期末大作业一、作品展示二、文件目录三、代码实现四、学习资料五、完整源码一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>HERO</title><link rel="icon" href="./font/marvel.png" type="image/x-icon" /><link rel="stylesheet" href="./assets/reset.css"><link rel="stylesheet" href="./assets/animate.css"><link rel="stylesheet" href="./font/iconfont.css"><link rel="stylesheet" href="./css/hero.css"></head><body><div class="box"><ul class="animated lightSpeedIn nav"><li><a href="hero.html"><img src="./font/marvel.png" alt="logo"></a></li><li id="li_btn"><a href="hero.html">HERO</a><ul id="nav_two" class=" nav_two"><li class="animated zoomIn " id="thor">Thor</li><li class="animated zoomIn " id="hulk">Hulk</li><li class="animated zoomIn " id="widow">Widow</li></ul></li><li><a href="film.html">FILM</a></li></ul><div class="con"><div id="section" class="ironman animated rollIn"><img src="./img/one.png" alt="钢铁侠" /></div><div class="thor animated bounceInRight"><img src="./img/two.png" alt="雷神" /></div><div class="hulk animated bounceInLeft"><img src="./img/three.png" alt="浩克" /></div><div class="widow animated zoomIn"><img src="./img/four.png" alt="黑寡妇" /></div></div><div class="back_top animated jackInTheBox" id="back_top"><i class="iconfont icon-fanhuidingbu3"></i></div></div></body><script src="./js/jquery.min.js"></script><script src="./js/hero.js"></script></html>
四、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
五、完整源码
~ 关注我,点赞博文~ 每天带你涨知识