Tip: You can modify some of the code before running
<! 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=" text/html; charset=gb2312 "/> <title>javascript title content Focus Graph Toggle Effect </title> <script type=text/javascript> var Currslid = 0; var slidint; function Setfoc (ID) {document.getElementById ("bigimg"). src = Picarry[id]; document.getElementById ("A_jimg"). href = Lnkarry[id]; if (id==4) {document.getElementById ("a_jimg"). Style.background = ' url (' +picarry[0]+ ') '} else {Document.getel Ementbyid ("A_jimg"). Style.background = ' url (' +picarry[id+1]+ ') '} currslid = ID; for (i=0;i<7;i++) {document.getElementById ("li_jimg" +i). ClassName = "li_jimg"; }; document.getElementById ("Li_jimg" +id). ClassName = "li_jimg on"; var borserinfo=navigator.useragent.tolowercase (); if (/msie/.test (Borserinfo)) {document.getElementById ("bigimg"). Style.visibility = "hidden"; document.getElementById ("Bigimg"). Filters[0]. Apply (); document.getElementById ("Bigimg"). filters[0].transition=23; if (document.getElementById ("bigimg"). style.visibility = = "visible") {document.getElementById ("bigimg"). style.visibility = "hidden"; else {document.getElementById ("bigimg"). Style.visibility = "visible"; } document.getElementById ("Bigimg"). Filters[0]. Play (); } stopit (); The function PlayNext () {if (currslid==6) {currslid = 0; } else{currslid++; }; SETFOC (Currslid); PlayIt (); function PlayIt () {slidint = settimeout (playnext,2500);} function StoPit () {cleartimeout (slidint); } window.onload = function () {PlayIt ();} function playit01 () {document.getElementById ("Playstop"). ClassName = "Stop"; PlayIt (); function stopit01 () {document.getElementById ("Playstop"). ClassName = "Play"; StoPit (); } </SCRIPT> <style type= "Text/css" > <!--body {font:12px "XXFarEastFont-Arial"; COLOR: #000;} a:hover {COLOR: #000; Text-decoration:underline} A {COLOR: #454545; Text-decoration:none}. Div_xixi {BACKGROUND: #fff; margin:0px Auto; width:617px; position:relative; HEIGHT:267PX}. div_jimg {margin:0px; width:405px; HEIGHT:267PX}. div_jimg #a_jimg {display:block; width:405px; HEIGHT:267PX}. div_jimg #bigimg {border-right: #fd8383 1px solid; padding-right:0px; Border-top: #fd8383 1px solid; padding-left:0px; padding-bottom:0px; margin:0px; Border-left: #fd8383 1px solid; width:403px; padding-top:0px; Border-bottom: #fd8383 1px solid; HEIGHT:265PX} div_jimg. ul_jimg {padding-right:0px; Display:block; padding-left:0px; right:0px; Background:url (images/bg_j04.jpg) repeat-y right top; padding-bottom:0px; margin:0px; width:225px; padding-top:0px; List-style-type:none; Position:absolute; top:0px; HEIGHT:267PX} div_jimg. ul_jimg LI {display:inline; Float:right; Overflow:hidden; width:212px; Cursor:pointer; Word-break:break-all; text-indent:30px; padding-top:14px; White-space:nowrap; height:24px; Text-overflow:ellipsis} div_jimg. ul_jimg A {position:relative} div_jimg. On {ul_jimg (background-image:url Bg_j05.png)!important;background-image:url (www.zongxy.com); Background:none Transparent scroll repeat 0% 0%; FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader (src= ' images/bg_j05.png ', sizingmethod= ' scale '); width:225px; COLOR: #fff; text-indent:43px; Position:static} div_jimg. ul_jimg. on A {font-weight:bold; COLOR: #fff}--> </style> </pead> <BODY> <table id=pictable > <TBODY> <TR> <TD></TD> <TD> Aaron Kwok refused to marry the door Lynn sweep the bargain </TD> <TD>http://www.zongxy.com/</TD></TR> <TR> <TD></TD> <TD> star worth with the box office rose the fastest </TD> <td>http://www.zongxy.com/</t D></tr> <TR> <TD></TD> <TD> Cecilia Cheung window See light laughter escape </TD> <td>http://www.zongx Y.com/</td></tr> <TR> <TD></TD> <TD> Sister Furong debut </TD> <TD>http://www.zongxy.com/</TD></TR> <t R> <TD></TD> <TD> Hubby's new play show Lixiang first appearance </TD> <TD>HTTP://WWW.ZONGXY.COM/</TD>&L t;/tr> <TR> <TD></TD> <TD> Cathy to explore AIDS orphans water firewood and urine </TD> <td>http://www.zongxy. com/</td></tr> <TR> <TD></TD> <TD> Smart Hong Kong sister Xu Shumin married 3 conditions </TD> <td>h ttp://www.zongxy.com/</td></tr></tbody></table> <div class=div_xixi> <SCRIPT Language=javascript type=text/javascript> <!--var picarry = {}; var lnkarry = {}; var ttlarry = {}; function Fixcode (str) {return str.replace ("'", "="); var T=document.getelementbyid ("Pictable"); var rl=t.rows.length; var baseu= Document. Url.replace (/(http.*/) (. *)/, "$"); if (Baseu.indexof ("/servlet/") >=0) Baseu = Baseu.replace ("/servlet/", "/"); var txt= ""; for (Var i=0;i<rl;i++) {try{picarry[i]=t.rows[i].cells[0].childnodes[0].src ; lnkarry[i]=t.rows[i].cells[2].innerhtml; Ttlarry[i]=fixcode (t.rows[i].cells[1].innerhtml); document.getElementById ("Li_jimg" +i). InnerHTML = '; Alert (Picarry[i]); }catch (e) {}} document.write ("<div class = ' div_jimg ' ><ul class= ' ul_jimg ' ><li class= ' li_jimg on ' id= ' li_jimg0 ' onmouseover= ' setfoc (0) ' onmouseout= ' PlayIt () ' > "+ttlarry[0]+" </li><li class= ' li_jimg ' id= ' li_jimg1 ' onmouseover= ' ' Setfoc ' (1) ' onmouseout= ' PlayIt () ' > "+ttlarry[1]+" </li> <li class= ' li_jimg ' id= ' li_jimg2 ' onmouseover= ' Setfoc (2) ' onmouseout= ' PlayIt () ' > ' +ttlarry[2]+ ' </li> <li class= ' li_jimg ' id= ' li_jimg3 ' onmouseover= ' Setfoc (3) ' onmouseout= ' PlayIt () ' > ' +ttlarry[3]+ ' </li> <li class= ' li_jimg ' id= ' li_jimg4 ' onmouseover= ' Setfoc (4) ' onmouseout= ' PlayIt () ' > ' +ttlarry[4]+ ' </li> <li class= ' li_jimg ' id= ' li_jimg5 ' onmouseover= ' Setfoc (5) ' onmouseout= ' PlayIt () ' > ' +ttlarry[5]+ ' </li> <li class= ' li_jimg ' id= ' li_jimg6 ' onmouseover= ' Setfoc (6) ' onmouseout= ' PlayIt () ' > ' +ttlarry[6]+ ' </li> </ul></div> "); --> </SCRIPT> </DIV> </DIV> </body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running