HTML5教程

HTML奥运会金牌榜转播

本文主要是介绍HTML奥运会金牌榜转播,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

下面是完整html代码


<!doctype html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable: no, maximum-scale=1.0, minimum-scale=1.0" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> 臭猪猪的个人网站 </title>
<link rel="shortcut icon" type="https://zhuzhushop.top/image/x-icon" href="https://zhuzhushop.top/H.ico"> 

<style type="text/css">
@import url(https://zhuzhushop.top/css/style.css);
@import url(https://zhuzhushop.top/css/bgimg.css);
@import url(https://zhuzhushop.top/css/tokyo.css);
    body{
    background: url("https://zhuzhushop.top/beautifulbg.jpg");
}
div{
        text-align: center;
}

</style>
</head>


<body style="overflow:scroll;overflow-x:hidden" onl oad="countTime()">

<div id="main">

<div class="container" id="bg3">
<div class="container3" id="bg1">
    <font color="White">
        <h1>东京奥运会金牌榜</h1>
        <p>东京奥运会已结束
        <span id="_d">加</span>
        <span id="_h">载</span>
        <span id="_m">中</span>
        <span id="_s">...</span>
        后将删除此栏目</p>
    </font>
</div>
    <div id="bg2" style="filter:alpha (opacity=90) ;-moz-opacity :0.9; opacity :0.9">
    <p>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </p>
    </div>
        <form action="https://2020.cctv.com/zgja/index.shtml?spm=0.Pe9yiMu0gzhD.EyDTbUx8ie7V.18" target="_blank">
        <input type="submit" class="login-button" value="点击查看中国骄傲">
        </form> 
</div>



</div>
<!-- js脚本部分 -->
<script src="https://zhuzhushop.top/js/counttime.js"></script>                  <!--倒计时-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?e17fd4f5419f50a1a26080dc96247c18";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>

css代码


https://zhuzhushop.top/css/style.css
https://zhuzhushop.top/css/bgimg.css
https://zhuzhushop.top/css/tokyo.css

JS代码


在counttime.js代码里面修改倒计时截止时间。

https://zhuzhushop.top/js/counttime.js

 

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?e17fd4f5419f50a1a26080dc96247c18";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

版权声明


注:

版权声明:本文为博客园博主「猪猪Mine」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

该协议的赋予遵守者两项重要权利:
一、共享的权利。允许通过任何媒介和任何形式复制、发行作品。
二、改编的权利。允许二次加工、转换和基于作品进行创作,不限制用途,甚至是商业应用。

原文链接:https://www.zhuzhushop.top/historyhtml/history.html

这篇关于HTML奥运会金牌榜转播的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!