电影主题网站设计——仿360影视网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设

最新推荐文章于 2023-08-17 17:31:34 发布

二挡起步

最新推荐文章于 2023-08-17 17:31:34 发布

阅读量415

点赞数

文章标签：前端 javascript html dreamweaver css

本文链接：https://blog.csdn.net/m0_65484028/article/details/127831976

版权

这是一个HTML5期末大作业，详细介绍了如何使用HTML+CSS+JavaScript设计并实现一个仿360影视网站的1页网页。内容包括作品展示、文件目录、代码实现和完整源码分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5期末大作业：电影主题网站设计——仿360影视网站(1页) HTML+CSS+JavaScript

文章目录

HTML5期末大作业：电影主题网站设计——仿360影视网站(1页) HTML+CSS+JavaScript
一、作品展示
二、文件目录
三、代码实现
四、完整源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!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>FILM</title>
    <link rel="icon" href="./font/marvel.png" type="image/x-icon" />
    <link rel="stylesheet" href="./assets/animate.css">
    <link rel="stylesheet" href="./assets/reset.css">
    <link rel="stylesheet" href="./css/film.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>

最低0.47元/天解锁文章