сейчас на сайте:
Лучшие сказки мира 03skazki.ru
Детектив и фантастика 03pressa.ru
Песни прошлых лет 03pesni.ru
Для досуга
<HTML> <HEAD> <TITLE>Блоки заменяются горизонтальными линками автоматически кнопками вперед стоп назад </TITLE> <META http-equiv=Content-Type content=text/html;charset=windows-1251> <STYLE> BODY { SCROLLBAR-FACE-COLOR: #ecd6a6; SCROLLBAR-HIGHLIGHT-COLOR: silver; SCROLLBAR-SHADOW-COLOR: #d8ad49; SCROLLBAR-ARROW-COLOR: #af9538; SCROLLBAR-BASE-COLOR: #e9d096; scrollbar-3d-light-color: #FFFFFF; scrollbar-dark-shadow-color: #80FF00 } .TextIP { FONT-SIZE: 10px; WIDTH: 20px; HEIGHT: 18px } .TextIP2 { BORDER-RIGHT: silver 0px solid; BORDER-TOP: silver 0px solid; FONT-SIZE: 10px; LEFT: 2px; BORDER-LEFT: silver 0px solid; WIDTH: 200px; BORDER-BOTTOM: silver 0px solid; POSITION: relative; TOP: 2px; HEIGHT: 18px; BACKGROUND-COLOR: silver } .Butt { FONT-SIZE: 10px; WIDTH: 40px; HEIGHT: 18px } .msmhTitle {position:relative;left:0px;top:0px;font-size:19px;cursor:hand; } .msmhSTitle {position:relative;left:0px;top:0px;font-size:16px;cursor:hand; } .msmhTxtArea {width:550px;font-size:12px;background-color:#F8F4F8;border:solid black 0px;overflow:auto; } .title { position:absolute;color:gray;font-size:35px;font-weight:bold;font-family:times, Times New Roman, serif; } </STYLE> <style type="text/css"> .TxtArea { font-size:12px;background-color:#f8cd76; } .Title1 { font-size:24px; } .Title2 { font-size:18px; } .Link { width:150px;cursor:pointer;cursor:hand;background-Color:#f8cd76;color:blue;text-decoration:underline; } .index { width:50px;cursor:pointer;cursor:hand;background-Color:#f8cd76;color:blue;text-decoration:underline; } .cursor { cursor:hand; cursor:pointer; } .zxcoffTab1 { width:100px;height:20px;top:5px;background-color:#FFFFCC;border:solid black 1px;text-align:center; } .zxcoffTab11 { width:60px;height:20px;top:5px;background-color:#FFFFCC;border:solid black 1px;text-align:center; } .zxconTab1 { width:100px;height:20px;top:5px;background-color:#FFCC66;border:solid black 1px;text-align:center; } .zxconTab11 { width:60px;height:20px;top:5px;background-color:#FFCC66;border:solid black 1px;text-align:center; } .zxcMess1 { width:420px;left:-5px;height:230px;background-color:#FFFFCC;border:solid black 1px;text-align:center; } .zxcMess11 { width:420px;left:-5px;top:5px;height:130px;background-color:#FFFFCC;border:solid black 1px;text-align:center; } .zxcMess12 { width:360px;left:-5px;top:5px;height:130px;background-color:#FFFFCC;border:solid black 1px;text-align:center; } </style> <script type="text/javascript"> var pnTO,pnSP,pnSel,pnSR,pnIP; var pnDelayScroll=false; var pnSLoc=self.location.toString(); pnSLoc=pnSLoc.substring(pnSLoc.lastIndexOf('/')+1,pnSLoc.length); var pnSearchAry=[]; var pnFoundAry=[]; var pnDAry=[]; for (var z0=0;z0<pnNavAry.length;z0++){ pnSearchAry[z0]=[]; pnwds=pnNavAry[z0][0].split(' '); for (z0a=0;z0a<pnwds.length;z0a++){ pnSearchAry[z0][z0a]=pnwds[z0a]; } // adds words from the message if (pnNavAry[z0][3]){ pnwms=pnNavAry[z0][3].split(' '); for (var z0b=0;z0b<pnwms.length;z0b++){ pnSearchAry[z0][pnSearchAry[z0].length]=pnwms[z0b]; } }} function pnInitSearchPanel(e,args){ if (!args) return false; pnSP=zxcES('DIV',{position:'absolute',zIndex:pnZIndex,top:args[2]+'px',left:args[1]+'px',width:pnWidth+20+'px',height:pnTxtSize*2+28+'px',backgroundColor:pnBGColor2,color:pnTxtColor2,textAlign:'center',fontSize:pnTxtSize+'px',border:'solid #FF6633 1px'},document.getElementById(args[0])); pnSP.className='search'; pnSP.onmouseout=function(){ pnTO=setTimeout(function(){ zxcES(pnSR,{visibility:'hidden'}); zxcES(pnSP,{height:'53px'}); ;pnIP.value=''; },200); } pnSP.onmouseover=function(){ clearTimeout(pnTO); } if (document.getElementById(pnSLoc.split('#')[1])){ zxcES(pnSP,{top:zxcPos(document.getElementById(pnSLoc.split('#')[1]))[1]+pnTop+'px'}); } pnSel=zxcES('SELECT',{position:'absolute',left:'10px',top:'5px',width:pnWidth+'px',backgroundColor:pnBGColor1,color:pnTxtColor1,fontSize:pnTxtSize+'px'},pnSP); pnSel.onchange=function(){ pnPageNavigation(this.selectedIndex); } for (var z0=0;z0<pnNavAry.length;z0++){ pnSel.options[z0]=new Option(pnNavAry[z0][0],pnNavAry[z0][1],true,true); } pnSel.selectedIndex=0; zxcES('DIV',{position:'absolute',left:'10px',top:pnSel.offsetHeight+pnSel.offsetTop+4+'px',textAlign:'left',fontSize:pnTxtSize+'px'},pnSP,'Keyword Search'); pnIP=zxcES('INPUT',{position:'absolute',width:'90px',left:pnSel.offsetWidth-80+'px',top:(pnSel.offsetHeight+pnSel.offsetTop+2)+'px',backgroundColor:pnBGColor1,color:pnTxtColor1,fontSize:'12px'},pnSP); pnIP.value='Keyword Search'; pnIP.onclick=function(){ this.value=''; pnIP.onkeyup=function() { pnFind(this); } } pnSR=zxcES('DIV',{position:'absolute',overflow:'auto',visibility:'hidden',width:pnWidth+10+'px',left:'5px',top:pnIP.offsetHeight+pnIP.offsetTop+2+'px',backgroundColor:'#FFFFCC',textAlign:'left',fontSize:'12px'},pnSP); if (pnMessWidth){ pnInitMessage(); } } function pnFind(obj){ pnFoundAry=[]; pnfc=obj.value.split(' '); for (var z0=0;z0<pnfc.length;z0++){ for (var z0a=0;z0a<pnSearchAry.length;z0a++){ for (var z0b=1;z0b<pnSearchAry[z0a].length;z0b++){ if (pnfc[z0].toLowerCase()==pnSearchAry[z0a][z0b].substring(0,pnfc[z0].length).toLowerCase()){ pnNavAry[z0a][4]=z0a; pnFoundAry[pnFoundAry.length]=pnNavAry[z0a]; } } } } if (pnFoundAry.length>1){ pnFoundAry=pnFoundAry.noduplicates(pnFoundAry); } pnds=pnSR.getElementsByTagName('DIV'); zxcES(pnSP,{height:pnTxtSize*2+25+'px'}); for (var z1=0;z1<pnDAry.length;z1++){ pnSR.removeChild(pnDAry[z1]); } pnDAry.length=0; if (pnFoundAry.length<1){ return; } for (var z2=0;z2<pnFoundAry.length;z2++){ pnDAry[z2]=zxcES('DIV',{position:'absolute',left:'0px',top:(z2*15)+'px',height:'15px',width:pnWidth-20+'px',backgroundColor:'#FFFFCC',cursor:'pointer'},pnSR); pntxt=zxcES('DIV',{position:'relative',left:'10px',fontSize:'12px'},pnDAry[z2],pnFoundAry[z2][0]); pnDAry[z2].link=pnFoundAry[z2][2]; pnDAry[z2].scroll=pnFoundAry[z2][4]; pnDAry[z2].mess=pnFoundAry[z2][3]; pnDAry[z2].onmouseover=function(){ pnSPMseOver(this); } pnDAry[z2].onmouseout=function(){ pnSPMseOut(this); } pnDAry[z2].onclick=function(){ if (this.link){ window.top.location=pnParth+this.link+'?'+zxcToDay.getTime(); } else { pnPageNavigation(this.scroll); } } } zxcES(pnSR,{overflowX:'hidden',overflowY:'hidden'}); if (pnDAry.length>0){ zxcES(pnSR,{visibility:'visible',height:pnDAry[pnDAry.length-1].offsetTop+20+'px'}); zxcES(pnSP,{height:pnSR.offsetHeight+60+'px'}); } if (pnSP.offsetHeight>pnMaxHeight){ zxcES(pnSR,{height:pnMaxHeight-55+'px',overflowY:'scroll'}); zxcES(pnSP,{height:pnMaxHeight+10+'px'}); }} function pnSPMseOver(pnobj){ clearTimeout(pnTO); zxcES(pnobj,{backgroundColor:'#CCFFFF'}); if (pnM){ pnMessage(pnobj); } } function pnSPMseOut(pnobj){ zxcES(pnobj,{backgroundColor:'#FFFFCC'}); if (pnM){ pnM.style.visibility='hidden'; } } Array.prototype.noduplicates=function(a){ if (a.length<2){ return a; } var temp=[a[0]]; for (z0=0;z0<a.length;z0++){ var ck=true; for (var z1=0;z1<temp.length;z1++){ if (temp[z1]==a[z0]){ ck=false; } } if (ck){ temp[temp.length]=a[z0]; } } return temp; } </script> <script language="JavaScript" type="text/javascript"> function InitLoad(){ pnInitSearchPanel(); //////// zxcTabMessInit('H','TabPanel1',4); zxcTabMessInit('H','TabPanel2',2,2000); //////// zxcTabMessInit('V','TabPanel3',5); ///////// zxcTabMessInit('VT','TabPanel4',19,3000); } </script> </head> <body bgColor="#f8cd76" onload="InitLoad();" > <center> <br> <div id="TabPanel2" style="position:relative;" > <div class="zxcoffTab1" title="Tab 1^" >Tab 1</div> <div class="zxcMess11" style="background-color:#FFCC66;border:solid black 1px;border-top:0px;padding:5px;" > <br> Tab Message Panel<br> with Horizontal Display<br> and Automatic Rotation<br> </div> <div class="zxcoffTab1" title="Tab 2^" >Tab2</div> <div class="zxcMess11" style="background-color:#FFCC66;border:solid black 1px;border-top:0px;padding:5px;" > <br> The Message displayed in a Panel is selected by a Tab<br> Optional Horizontal or Vertical display modes.<br> Clicking the Tab or optional Control Buttons<br> will display the selected Tab Message<br> </div> <div class="zxcoffTab1" title="Tab 3^" >Tab 3</div> <div class="zxcMess11" style="background-color:#FFCC66;border:solid black 1px;border-top:0px;padding:5px;" > <br> Optional Auto Rotation<br> The Tab Selection and Message will automatically rotate<br> at a specified period.<br> with an optional control button<br> to control to pause or continue rotation.<br> </div> <div class="zxcoffTab1" title="Tab 4^" >Tab 4</div> <div class="zxcMess11" style="background-color:#FFCC66;border:solid black 1px;border-top:0px;padding:5px;" > <br> There may be as many applications as required on a page.<br> <br> <span style="font-size:30px;color:red;">Enjoy</span> </div> <div class="zxcbut" style="position:absolute;top:130px;left:0px;" > <img class=zxcb" src="Left1000.gif" width="17" height="17" ><img class=zxcp" src="Pause000.gif" width="17" height="17" ><img class=zxcf" src="Right100.gif" width="17" height="17"> </div> </div> <script type="text/javascript"> var zxcZIndex=1; var zxcDefaultDelay=1000; var zxcOOPCnt=0; function zxcTabMessInit(zxcmd,zxcid,zxcts,zxcdly){ var zxcpobj=document.getElementById(zxcid); zxcpobj.ary=[]; zxcds=zxcpobj.getElementsByTagName('DIV'); for (var zxc0=0;zxc0<zxcds.length;zxc0++){ var zxccn=zxcds[zxc0].className.toLowerCase() if (zxccn.match('zxctab')||zxccn.match('zxcofftab')){ zxcds[zxc0].style.position='absolute'; zxcds[zxc0].style.zIndex=zxcZIndex; zxcds[zxc0].style.left=((zxcpobj.ary.length)*(zxcds[zxc0].offsetWidth+zxcts))+'px'; if (!zxcmd.toUpperCase().match('V')){ zxcds[zxc0].style.top='0px'; zxcds[zxc0].style.borderBottom='0px'; zxcds[zxc0+1].style.top=(zxcds[zxc0].offsetHeight-1)+'px'; } zxcds[zxc0].ary=zxcpobj.ary; zxcds[zxc0].cnameoff=zxcds[zxc0].className; zxcds[zxc0].cnameon=zxcds[zxc0].className.replace('zxcoff','zxcon'); zxcds[zxc0].onclick=function(){ this.parentNode.oopobj.change(this,true); } zxcds[zxc0+1].style.position='absolute'; zxcds[zxc0+1].style.zIndex=zxcZIndex+1; zxcds[zxc0+1].style.visibility='hidden'; zxcds[zxc0+1].style.border='solid black 1px'; zxcds[zxc0+1].cnameoff=zxcds[zxc0].className; zxcds[zxc0+1].cnameon=zxcds[zxc0+1].className.replace('off','on'); zxcpobj.ary.push([zxcds[zxc0],zxcds[zxc0+1]]); } if (zxcds[zxc0].className.toLowerCase().match('zxcbut')){ zxcControls(zxcds[zxc0],zxcpobj); } } zxcpobj.oopobj=new zxcAddOOP(zxcpobj); zxcpobj.ary[0][0].style.zIndex=zxcZIndex+2; zxcpobj.ary[0][1].style.visibility='visible'; zxcpobj.ary[0][0].className=zxcpobj.ary[0][0].cnameon; zxcpobj.style.height=(zxcpobj.ary[0][1].offsetTop+zxcpobj.ary[0][1].offsetHeight)+'px'; zxcpobj.style.width=(zxcpobj.ary[0][1].offsetLeft+zxcpobj.ary[0][1].offsetWidth)+'px'; if(zxcdly){ zxcpobj.oopobj.run=true; zxcpobj.oopobj.delay=zxcdly; zxcpobj.oopobj.setTimeOut('auto();',zxcpobj.oopobj.delay); } if (zxcmd.toUpperCase().match('H')){ return; } zxcpobj.ary[0][0].className=zxcpobj.ary[0][0].cnameon; for (var zxc1=0;zxc1<zxcpobj.ary.length;zxc1++){ if (zxcmd.toUpperCase().match('T')){ zxcVertTxt(zxcpobj.ary[zxc1][0]); } zxcpobj.ary[zxc1][0].style.top=(zxcpobj.ary[zxc1][0].offsetTop+(zxc1)*(zxcpobj.ary[zxc1][0].offsetHeight+zxcts))+'px'; zxcpobj.ary[zxc1][0].style.left='0px'; zxcpobj.ary[zxc1][0].style.borderRight='0px'; zxcpobj.ary[zxc1][1].style.left=(zxcpobj.ary[zxc1][0].offsetWidth-1)+'px'; } zxcpobj.style.width=(zxcpobj.ary[0][1].offsetLeft+zxcpobj.ary[0][1].offsetWidth)+'px'; } function zxcControls(zxc,zxcpobj){ zxc.style.zIndex=zxcZIndex+3; zxc.style.visibility='visible'; if (!zxc.all){ zxccrls=zxc.getElementsByTagName('*'); } else { zxccrls=zxc.all; } for (var zxc1=0;zxc1<zxccrls.length;zxc1++){ var zxcdir=zxc1-1; if (zxccrls[zxc1].className.match('zxcb')){ zxcdir=-1; } if (zxccrls[zxc1].className.match('zxcp')){ zxcdir=0; } if (zxccrls[zxc1].className.match('zxcf')){ zxcdir=1; } zxccrls[zxc1].zxcdir=zxcdir; zxccrls[zxc1].obj=zxcpobj; zxccrls[zxc1].onclick=function(){ this.obj.oopobj.control(this.zxcdir); } } } function zxcVertTxt(zxcvobj){ var zxctxtobj=zxcvobj.firstChild; var zxctxt=zxctxtobj.data; var zxch=zxcvobj.offsetWidth; var zxcw=zxcvobj.offsetHeight; zxcvobj.removeChild(zxctxtobj); zxcvobj.style.width=zxcw+'px'; zxcvobj.style.height=zxch+'px'; for (var zxcV=0;zxcV<zxctxt.length;zxcV++){ zxcd=document.createElement('DIV'); zxcd.appendChild(document.createTextNode(zxctxt.charAt(zxcV))); zxcd.style.position='absolute'; zxcd.style.width=zxcw+'px'; zxcd.style.color=zxcvobj.style.color; zxcd.style.fontWeight=zxcvobj.style.fontWeight; zxcd.style.fontStyle=zxcvobj.style.fontStyle; zxcd.style.fontFamily=zxcvobj.style.fontFamily; zxcd.style.fontSize=zxcvobj.style.fontSize; zxcd.style.textAlign='center'; zxcvobj.appendChild(zxcd); zxcd.style.left='0px'; zxcd.style.top=(zxcd.offsetHeight*zxcV+(zxch-(zxcd.offsetHeight*zxctxt.length))/2)+'px'; } } function zxcAddOOP(zxcobj){ this.mobj=zxcobj; this.ref = 'zxcOOP'+zxcOOPCnt; window[this.ref]=this; this.run=false; this.to=null; this.cnt=0; this.ary=zxcobj.ary; this.tog=false; zxcOOPCnt++; } zxcAddOOP.prototype.change=function(zxc,zxct){ if (zxct){ clearTimeout(this.to); if (this.run&&this.tog){ this.tog=false; this.auto(); return; } else { this.tog=true; } } for (var zxc0=0;zxc0<this.ary.length;zxc0++){ this.ary[zxc0][0].style.zIndex=zxcZIndex; this.ary[zxc0][0].className=this.ary[zxc0][0].cnameoff; this.ary[zxc0][1].style.visibility='hidden'; if (this.ary[zxc0][0]==zxc){ this.cnt=zxc0; this.ary[zxc0][0].style.zIndex=zxcZIndex+2; this.ary[zxc0][0].className=this.ary[zxc0][0].cnameon; this.ary[zxc0][1].style.visibility='visible'; } } } zxcAddOOP.prototype.auto=function(){ if(this.run){ this.setTimeOut('auto();',this.delay); this.cnt++; this.ckcnt(); this.change(this.ary[this.cnt][0]); } } zxcAddOOP.prototype.control=function(zxc){ clearTimeout(this.to); this.cnt+=zxc; this.ckcnt(); this.change(this.ary[this.cnt][0]); if (zxc==0&&!this.run){this.run=true; this.auto(); } else { this.run=false; } } zxcAddOOP.prototype.ckcnt=function(){ if (this.cnt==this.ary.length){ this.cnt=0; } if (this.cnt<0){ this.cnt=this.ary.length-1; } } zxcAddOOP.prototype.setTimeOut= function(zxcf,zxcd){ this.to=setTimeout('window.'+this.ref+'.'+zxcf,zxcd); } </script> </center> </body> </html><div style=" position:absolute; bottom:0; left:30% "><center><a style="COLOR: #000;font: 80% Verdana,Arial,sans-serif;" href=http://www.03www.su/>Библиотека JAVASCRIPT 1997- <SCRIPT TYPE="text/javascript" src="http://www.03www.su/god.js"></script> Дизайн и сопровождение © SE@RCHER</a></center></div> </BODY> </HTML>
