Source code for Dynamic Portal Web-Boya interaction (Html+css+javascript)

<! DOCTYPE html><!--Boya News starts --<div class= "New" > <div class = "Newone" > <ul> < Li><script type= "Text/javascript" >varToday =NewDate (); vary =today.getfullyear (); varm = Today.getmonth () +1; document.write (y+"/"+m)</script>&nbsp;<a href= "http://www.gdzsxx.com/news/dx/201612/106161.html" ><strong> The Third Pet Culture Festival officially ended in South China Agricultural University </strong></a></li> <li><script type= "Text/javascript" >varToday =NewDate (); vary =today.getfullyear (); varm = Today.getmonth () +1; document.write (y+"/"+m)</script>&nbsp;<a href= "http://gd.people.com.cn/n/2015/0122/c123932-23644282.html" ><strong > The father of the hybrid rice, Yuan longping, two-degree visit to China Agriculture </strong></a></li> <li> <script type= "Text/javascript" >varToday =NewDate (); vary =today.getfullyear (); varm = Today.getmonth () +1; document.write (y+"/"+m)</script>&nbsp;<a href= "Https://idol001.com/news/liyifeng/detail/54fd09997a1173350e8b49ba" >< Strong> Shen, ho pinang "Gardenia Bloom" in South China Agricultural University framing </strong></a> </li> <li><script type= "Text/javascr IPT ">varToday =NewDate (); vary =today.getfullyear (); varm = Today.getmonth () +1; document.write (y+"/"+m)</script>&nbsp;<a href= "http://hi.people.com.cn/n2/2016/0904/c231182-28944338.html" ><strong > kobe, tin ka Ping training ground at South China Agricultural University </strong></a></li> <li class= "Last" ><a href= "></a></li> </ul> </div> <div class =" Newtwo "> <div> <ul> <li></li> <li class =" IMG2 "></li> </ul> </div> <div class= "ZP" > <ol> <l i><strong> Job Vacancies </strong></li> <li><a href= ">php Development engineer &LT;/A&GT;&LT;/L i> <li><a href= "" >web Front-end development engineer </a></li> <li><a HRE f= "" >java Development engineer &LT;/A&GT;&LT;/LI&GT <li><a href= "" >ios Development engineer </a></li> </ol> </div> </div&gt    ; </div><!--1, the picture carousel function starts to define-<script>varImgobjet = document.images[2];        Console.log (Imgobjet); SetInterval (Imgplay,2000); varI =2; functionImgplay () {imgobjet.src= "./images/banner" +i+ ". jpg"; I++; if(i>4) {i= 1                }            }    </script><!--Bottom Closure bar starts--<div class = "Bottom" > <div class = "Botone" > <u l> <font color= "#ffffff" > <li> Sitemap | Disclaimer </li> <li>copyright&reg;2017-2030 Interactive (boyaa Interactive) Guangdong ICP 备 No. 999999 Value-added telecom business license &LT;/LI&G                T            </font> <li></li> </ul> </div> </div> </body>
*{margin:0px;padding:0px;}/*Clear HTML style*/a{text-decoration:None;Color:#b12ff2;}a:hover{text-decoration:Underline;Color:#4d90fe;}. Box{width:100%;Height:58px;Border:1px solid;Background-color:#191d3a;position:fixed;Z-index:3px;}. Nav span{float: Left;Margin-right:60px;}. Nav{width:1248px;Height:58px;margin:0 Auto;}. Nav Li{List-style-type:None;float: Left;width:100px;Height:58px;Line-height:58px;text-align:Center;Border-right:2px solid #252947;}. Nav. Frist{Border-left:2px solid #252947;Background-color:#252947;}. Nav. last{Padding-left:48px;Padding-top:12px;Border-right:0px; }/*Picture Carousel Bar starts*/. Banner{width:100%; Height:463px;Padding-top:58px;}. BPT{width:1050px;Height:230px;margin:0 Auto;Margin-top:50px;Border-bottom:1px solid #dbe1e7;}. bpt Div{Display:Inline-block;Margin-right:43px;Height:230px;}. BPT Div img{width:218px;Height:130px}. bpt Div. imglast{width:217px;}. BPT a{Color:#38b774;Font-weight:Bold;}/*end of picture Carousel Bar*//*Boya News begins*/. New{width:1000px;Height:310px;margin:12px Auto;}. Newone{width:500px;Height:310px;Display:Inline-block;}. Newtwo{width:500px;Height:310px;position:relative; Left:500px;Bottom:507px;}. Newone Li{Display:Block;width:500px;Height:40px;Line-height:40px;List-style-type:None;position:relative;Bottom:165px; Left:20px;Border-bottom:1px solid #dbe1e7;}. Newone. Last{Border-bottom:None;position:relative; Left:220px;Bottom:440px;}. Newtwo Li{List-style-type:None;position:relative; Left:100px;Bottom:275px;}. Newtwo. IMG2{position:relative; Left:250px;Bottom:325px;}. ZP{position:relative; Right:80px;Bottom:20px;}. ZP Li{width:350px;Height:37px;Line-height:37px;Border-bottom:1px solid #ffffff;}. ZP a{Color:#ffffff;}/*The end of Boya news*//*Bottom Bar Start*/. Bottom{width:100%;Height:130px;Background-color:#191d3a;Margin-top:130px;}. Botone{width:1000px;Height:130px;margin:0 Auto;}. Botone Li{List-style-type:None;float: Left;Height:91px;Line-height:130px;Margin-right:35px;}. Botone img{Margin-top:20px;}
Preview: (Because Google Browser does not support the full screen to save the picture, so with the 360 browser open, there may be some font compatibility problems, hope to ignore!) ）
Source code for Dynamic Portal Web-Boya interaction (Html+css+javascript)