<ptml> <pead> <style type= "Text/css" > body {cursor:hand; margin:0; padding:0; position:absolute; ove Rflow:hidden; left:0; top:0; width:100%; height:100%;} . link {position:absolute;left:0;width:100%;height:0;background: #000; overflow:hidden;visibility:hidden;} . title {position:relative;cursor:pointer;background: #FF6600; Width:100%;color: #fff; Font-family:trebuchet MS; Verdana;font-size:11px;left:2;height:15;overflow:hidden;} . title_o {position:relative;cursor:pointer;background: #fff; Width:100%;color: #000; Font-family:trebuchet MS; Verdana;font-size:11px;left:2;height:15;overflow:hidden;} . text {Position:relative;text-align:justify;margin:10px;font-family:trebuchet ms;verdana;font-size:11px;color:# fff;overflow:hidden;height:90%}. Fernando {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, San-serif; Font-size: 16px; Font-weight:bolder}. Mafra {} </style> <script type= "Text/javascript" ><!--var object = new Array (); function Slide (N,ocont) { This. n = n; This. S = 1.1; This.object = new Array (); This. CObj = function (parent,n) {this.parent = parent; This. n = n; This.obj = Parent.frm[n]; This.tit = This.obj.firstChild; This.div = This.obj.getElementsByTagName ("div") [1]; this.div.style.visibility = "hidden"; This.y0 = N * 18; This. Y1 = this.y0; This.obj.style.top = this.y0; This.obj.style.height = parent. H-(parent. NF-1) * 18-3; this.obj.style.visibility = "visible"; This.obj.parent = this; This.run = false; This.move = function () {with (this) {dy = (y1-y0)/parent. S if (Math.Abs (dy) >.1) {y0+=dy; Obj.style.top = Math.Round (y0); settimeout ("object[" +parent). n+ "].object[" +n+ "].move ();", 16); else {run = false; if (dy>0) div.style.visibility= "hidden"; else if (n>0) parent.object[n-1].div.style.visibility= "hidden"; }} this.obj.onmouseover = function () {with (this.parent) {if (!run) {run = true; div.style.visibility= "visible"; For (i=0;i<parent. nf;i++) Parent.object[i].tit.classname = "title"; Tit.classname = "Title_o"; for (i=0;i<=n;i++) {parent.object[i].y1 = i*18; Parent.object[i].move (); For (i=n+1;i<parent. nf;i++) {parent.object[i].y1 = parent. H (parent. Nf-i) *18; Parent.object[i].move (); }}} this.frm = document.getElementById (Ocont); This. H = parseint (this.frm.style.height); This.frm = This.frm.getElementsByTagName ("span"); This. NF = This.frm.length; For (I=0;i<this. nf;i++) This.object[i] = new this. CObj (this, i); This.object[0].obj.onmouseover (); This. S = 10; onload = function () {object[0] = new Slide (0, "frames"); //--> </script> </pead> <body bgcolor= "#333333" > <div > <div id= "frames" > <s Pan class= "link" > <div class= "title" ></div> <div > </div> </span> <span class= "L Ink "> <div class=" title "><b> Alimentos/<i> food</i></b></div> <div-class=" Text "> </div> </span> <span class= "link" > <div class= "title" ><b> Bebidas/<i> drinks</i></b></div> < div class= "text" > </div> </span> <span class= "link" > <div class= "title" ><b> Joias/&L t;i> jewels</i></b></div> <div class= "text" > </div> </span> <span class= "Li NK "> <div class=" title "><b> Natureza/<i> nature</i></b></div> <div" Text "> </div> </span> <span class=" link "> <div class=" title "><b> gente/<i> PEO ple</i></b></div> <div class= "text" > </div> </span> <span class= "link" > ;d IV class= "title" ><b> Produtos/<i> products</i></b></div> <div "text" > </div> </span> <span class= "link" > <div class= "title" ><b> contato/<i> Contac T</i></b></div> <diV > </div> </span> <span class= "link" > <div class= "title" ><b> Contato/<i> C ontact</i></b></div> <div > </div> </span> </div> </div> <div & Gt </div> <script type= "Text/javascript" > _uacct = "Ua-1182901-1"; Urchintracker (); </script> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]