html、css、js实现背景图的切换和倒计时跳转的功能

最新推荐文章于 2023-08-10 17:40:27 发布

保护眼睛

最新推荐文章于 2023-08-10 17:40:27 发布

阅读量724

点赞数 6

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45859087/article/details/119065827

版权

该博客详细介绍了如何使用HTML、CSS和JavaScript实现背景图片的切换以及结合动态计时器实现在设定时间后跳转到其他页面的功能。通过解析html、css和js文件的代码，读者可以学习到网页动态效果的创建方法。

摘要由CSDN通过智能技术生成

html、css、js实现背景图的切换和倒计时跳转的功能

- - 效果
  - html文件
  - css文件
  - js文件

效果

在这里插入图片描述

跳转到其它的页面

html文件

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="css/back.css" rel="stylesheet">
</head>
<body class="body">
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>

<script type="text/javascript" src="js/back.js"></script>

<div style="float: none;margin-left: 45%;margin-top: 20%;margin-right: 100px ">
    <div style="float: none;margin-left: 0px;margin-top: 20%;margin-right: 100px ">
        <h3>&nbsp;&nbsp;&nbsp;还 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 有</h3>
    </div>
    <span style="float: none;margin-left: 8%;margin-top: 20%;margin-right: 100px ">
<span id="totalSecond">10</span>

最低0.47元/天解锁文章

保护眼睛

关注

6
点赞
踩
10

收藏

觉得还不错? 一键收藏
21
评论
html、css、js实现背景图的切换和倒计时跳转的功能

html、css、js实现背景图的切换和倒计时跳转的功能效果html文件css文件js文件效果跳转到其它的页面html文件<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device
复制链接

扫一扫

专栏目录