JavaScript News switching Technology

JavaScript News switching Technology _javascript skills

Last Update:2017-01-19 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "Content=" Tex t/html; charset=gb2312 "/> <title> cloud-Habitat Community www.jb51.net News switching technology </title> <style type=" Text/css ">  </style> </pead> <body> <script language= "JavaScript" type= "Text/javascript" > V Ar nn; Nn=1; SetTimeout (' change_img () ', 6000); function change_img () {if (nn>4) nn=1 settimeout (' SetFocus1 (' +nn+ ') ', 6000); nn++; Tt=settimeout (' change_img () ', 6000); } function SetFocus1 (i) {selectLayer1 (i); function SelectLayer1 (i) {switch (i) {case 1:document.getelementbyid (' FocusPic1 '). style.display= "Block "; document.getElementById ("Focuspic2 "). style.display=" None "; document.getElementById ("FocusPic3"). style.display= "None"; document.getElementById ("FocusPic4"). style.display= "None"; document.getElementById ("Focuspic1nav"). style.display= "Block"; document.getElementById ("Focuspic2nav"). style.display= "None"; document.getElementById ("Focuspic3nav"). style.display= "None"; document.getElementById ("Focuspic4nav"). style.display= "None"; Break Case 2:document.getelementbyid ("FocusPic1"). style.display= "None"; document.getElementById ("FocusPic2"). style.display= "Block"; document.getElementById ("FocusPic3"). style.display= "None"; document.getElementById ("FocusPic4"). style.display= "None"; document.getElementById ("Focuspic1nav"). style.display= "None"; document.getElementById ("Focuspic2nav"). style.display= "Block"; document.getElementById ("Focuspic3nav"). style.display= "None"; document.getElementById ("Focuspic4nav"). style.display= "None"; Break Case 3:document.getelementbyid ("FocusPic1"). style.display=" None "; document.getElementById ("FocusPic2"). style.display= "None"; document.getElementById ("FocusPic3"). style.display= "Block"; document.getElementById ("FocusPic4"). style.display= "None"; document.getElementById ("Focuspic1nav"). style.display= "None"; document.getElementById ("Focuspic2nav"). style.display= "None"; document.getElementById ("Focuspic3nav"). style.display= "Block"; document.getElementById ("Focuspic4nav"). style.display= "None"; Break Case 4:document.getelementbyid ("FocusPic1"). style.display= "None"; document.getElementById ("FocusPic2"). style.display= "None"; document.getElementById ("FocusPic3"). style.display= "None"; document.getElementById ("FocusPic4"). style.display= "Block"; document.getElementById ("Focuspic1nav"). style.display= "None"; document.getElementById ("Focuspic2nav"). style.display= "None"; document.getElementById ("Focuspic3nav"). style.display= "None"; document.getElementById ("Focuspic4nav"). Style.display= "BlocK "; Break } </script> <div class= "Focuspic" > <div id= "FocusPic1" > <div class= "pic" > </di V> <p> NetEase College 05 software selection results </p> after everyone's enthusiastic vote and our painstaking finishing, NetEase College 2005 annual software selection results are finally released. Click to go to view ... Detailed </p> </div> <div id= "FocusPic2" > <div class= "pic" > </div> <p> Subversion Jungle Animal survival Law </p> <p> The behaviour of gregarious animals subverts what we normally think of as the "jungle law" that is prevalent in the animal world, and not all animals are selfish. Details </p> </div> <div id= "focusPic3" > <div class= "pic" > </div> <p>wapi not trade Conspiracy </p> <p> Recent state decisions: "The algorithm will be published to other domestic and foreign companies." It turns out that China's WAPI standard is not a trade conspiracy. Detailed </p> </div> <div id= "FocusPic4" > <div class= "pic" > </div> <p> New Vision number probe Hades Star Special Topics </p> <p> NASA will launch a new Horizons probe in Beijing 18th 2:24 A.M. to visit the only planet that has not yet been explored-Pluto. Details </p> </div> <div class= "More" > <div class= "textnum" > <div class= "text" >> more Head Chart News </div> <div class= "NuM bg1 "id=" Focuspic1nav "> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> <div class= "num bg2" id= "Focuspic2nav" > <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> & lt;/div> <div class= "num bg3" id= "Focuspic3nav" > <ul> <li>1</li> <li>2</l i> <li>3</li> <li>4</li> </ul> </div> <div class= "num Bg4" id= "fo Cuspic4nav ' > <ul> <li>1</li> <li>2</li> <li>3</li> <li> 4</li> </ul> </div> </div> </div> </div> </body> </ptml&gt ;
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JavaScript News switching Technology _javascript skills

Contact Us

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support