diff --git a/WebNews/css/common.css b/WebNews/css/common.css new file mode 100644 index 0000000..804eb49 --- /dev/null +++ b/WebNews/css/common.css @@ -0,0 +1,63 @@ +body{ + margin: 0; + padding: 0; +} +a{ + text-decoration: none; + +} + +.Progress { + width: 100%; + padding: 0; + margin: 0; + position: fixed; + top: 0px; + z-index: 1000; + +} + +.Prostick { + width: 0; + background-color: #0091EA; + height: 5px; +} +.navbar{ + width: 100%; + height: 65px; + position: fixed; + background-color: lightgray; + top: 0; + box-shadow: 0px 6px 5px rgb(179, 175, 175); +} +.navinit{ + width: 980px; + height: 100%; + margin: auto; + +} +.navbtnpart{ + float: right; +} +.logo{ + float: left; + line-height: 65px; + +} +.navbtn{ + line-height: 65px; + float: left; + margin: 0 20px; +} +.navbtn a{ + color: #000; +} +.navbtn a:hover{ + color: #0091ea; +} +.footer{ + height: 100px; + background-color: #3fa8ea; + line-height: 100px; + text-align: center; +} \ No newline at end of file diff --git a/WebNews/css/foucsreport.css b/WebNews/css/foucsreport.css index 17d90f9..1d4b009 100644 --- a/WebNews/css/foucsreport.css +++ b/WebNews/css/foucsreport.css @@ -1,59 +1,3 @@ -body{ - margin: 0; - padding: 0; -} -a{ - text-decoration: none; - -} -.Progress { - width: 100%; - padding: 0; - margin: 0; - position: fixed; - top: 0px; - z-index: 1000; - -} - -.Prostick { - width: 0; - background-color: #0091EA; - height: 5px; -} -.navbar{ - width: 100%; - height: 65px; - position: fixed; - background-color: lightgray; - top: 0; - box-shadow: 0px 6px 5px rgb(179, 175, 175); -} -.navinit{ - width: 980px; - height: 100%; - margin: auto; - -} -.navbtnpart{ - float: right; -} -.logo{ - float: left; - line-height: 65px; - -} -.navbtn{ - line-height: 65px; - float: left; - margin: 0 20px; -} -.navbtn a{ - color: #000; -} -.navbtn a:hover{ - color: #0091ea; -} .mainbody{ width: 980px; height: 1200px; @@ -92,9 +36,3 @@ a{ font-size: 22px; text-indent: 2em; } -.footer{ - height: 100px; - background-color: #3fa8ea; - line-height: 100px; - text-align: center; -} \ No newline at end of file diff --git a/WebNews/css/index.css b/WebNews/css/index.css index b5c7f65..2c34266 100644 --- a/WebNews/css/index.css +++ b/WebNews/css/index.css @@ -1,60 +1,3 @@ -body{ - margin: 0; - padding: 0; -} -a{ - text-decoration: none; - -} - -.Progress { - width: 100%; - padding: 0; - margin: 0; - position: fixed; - top: 0px; - z-index: 1000; - -} - -.Prostick { - width: 0; - background-color: #0091EA; - height: 5px; -} -.navbar{ - width: 100%; - height: 65px; - position: fixed; - background-color: lightgray; - top: 0; - box-shadow: 0px 6px 5px rgb(179, 175, 175); -} -.navinit{ - width: 980px; - height: 100%; - margin: auto; - -} -.navbtnpart{ - float: right; -} -.logo{ - float: left; - line-height: 65px; - -} -.navbtn{ - line-height: 65px; - float: left; - margin: 0 20px; -} -.navbtn a{ - color: #000; -} -.navbtn a:hover{ - color: #0091ea; -} .mainbody{ width: 980px; margin: auto; @@ -107,10 +50,4 @@ a{ font-size: 18px; line-height: 30px; -} -.footer{ - height: 100px; - background-color: #3fa8ea; - line-height: 100px; - text-align: center; } \ No newline at end of file diff --git a/WebNews/css/newsclass.css b/WebNews/css/newsclass.css index 70af325..d1766e2 100644 --- a/WebNews/css/newsclass.css +++ b/WebNews/css/newsclass.css @@ -1,61 +1,3 @@ -body{ - margin: 0; - padding: 0; -} -a{ - text-decoration: none; - -} - -.Progress { - width: 100%; - padding: 0; - margin: 0; - position: fixed; - top: 0px; - z-index: 1000; - -} - -.Prostick { - width: 0; - background-color: #0091EA; - height: 5px; -} - -.navbar{ - width: 100%; - height: 65px; - position: fixed; - background-color: lightgray; - top: 0; - box-shadow: 0px 6px 5px rgb(179, 175, 175); -} -.navinit{ - width: 980px; - height: 100%; - margin: auto; - -} -.navbtnpart{ - float: right; -} -.logo{ - float: left; - line-height: 65px; - -} -.navbtn{ - line-height: 65px; - float: left; - margin: 0 20px; -} -.navbtn a{ - color: #000; -} -.navbtn a:hover{ - color: #0091ea; -} .mainbody{ width: 980px; height: 1200px; @@ -120,10 +62,4 @@ a{ padding: 0 10px; background-color: skyblue; margin: 0 10px; -} -.footer{ - height: 100px; - background-color: #3fa8ea; - line-height: 100px; - text-align: center; } \ No newline at end of file diff --git a/WebNews/css/newsinfo.css b/WebNews/css/newsinfo.css index cf38664..6e7cc57 100644 --- a/WebNews/css/newsinfo.css +++ b/WebNews/css/newsinfo.css @@ -1,59 +1,3 @@ -body{ - margin: 0; - padding: 0; -} -a{ - text-decoration: none; - -} -.Progress { - width: 100%; - padding: 0; - margin: 0; - position: fixed; - top: 0px; - z-index: 1000; - -} - -.Prostick { - width: 0; - background-color: #0091EA; - height: 5px; -} -.navbar{ - width: 100%; - height: 65px; - position: fixed; - background-color: lightgray; - top: 0; - box-shadow: 0px 6px 5px rgb(179, 175, 175); -} -.navinit{ - width: 980px; - height: 100%; - margin: auto; - -} -.navbtnpart{ - float: right; -} -.logo{ - float: left; - line-height: 65px; - -} -.navbtn{ - line-height: 65px; - float: left; - margin: 0 20px; -} -.navbtn a{ - color: #000; -} -.navbtn a:hover{ - color: #0091ea; -} .mainbody{ width: 980px; margin: auto; @@ -72,9 +16,3 @@ a{ color: #FFF; font-size: 18px; } -.footer{ - height: 100px; - background-color: #3fa8ea; - line-height: 100px; - text-align: center; -} \ No newline at end of file diff --git a/WebNews/foucsreport.html b/WebNews/foucsreport.html index a6096e4..ae2163c 100644 --- a/WebNews/foucsreport.html +++ b/WebNews/foucsreport.html @@ -6,6 +6,7 @@ 专题报道 +
diff --git a/WebNews/index.html b/WebNews/index.html index cf70f22..3b75a26 100644 --- a/WebNews/index.html +++ b/WebNews/index.html @@ -7,6 +7,7 @@ web新闻网站 + diff --git a/WebNews/js/common.js b/WebNews/js/common.js new file mode 100644 index 0000000..beeaa42 --- /dev/null +++ b/WebNews/js/common.js @@ -0,0 +1,10 @@ +let totalHight; +let moved; +let Prostick; + +window.addEventListener('scroll', function () { + if (totalHight && Prostick) { + let pro = (moved / totalHight) * 100; + Prostick.style.width = pro + '%'; + } +}); \ No newline at end of file diff --git a/WebNews/newsclass.html b/WebNews/newsclass.html index e04dc7f..a72d0cb 100644 --- a/WebNews/newsclass.html +++ b/WebNews/newsclass.html @@ -6,6 +6,7 @@ 新闻分类 +
diff --git a/WebNews/newsinfo.html b/WebNews/newsinfo.html index 900896d..bc0fb66 100644 --- a/WebNews/newsinfo.html +++ b/WebNews/newsinfo.html @@ -6,6 +6,7 @@ 新闻资讯 +