сейчас на сайте:
Лучшие сказки мира 03skazki.ru
Детектив и фантастика 03pressa.ru
Песни прошлых лет 03pesni.ru
Для досуга
<!--//#############################################--> <!--//# Cкрипт из библиотеки SEARCHER #--> <!--//# Библиотека Javascript насчитывает #--> <!--//# более 1500 скриптов и динамических стилей #--> <!--//# Библиотека создана в 1997 году #--> <!--//# http://www.03www.su #--> <!--//#############################################--> <!--//# SE@RCHER #--> <!--//#############################################--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Окно в окне. Смена через горизонтально двигающиеся линки</title> <meta name="robots" content="noindex,nofollow"> <style type="text/css"> body { font: 14px verdana, arial, helvetica, sans-serif } h1 { font-size:18px; margin-bottom:1.4em } a:link { color:#33c } a:visited { color:#339 } div#lnks { float:left; width:100px; margin:20px 0 0 0 } div#lnks ul { margin:0; padding:0; list-style:none } div#lnks ul li { margin:0 0 .5em 0 } div.iframe { margin-left:130px; } iframe#ifrm { border-top:1px dashed #666; border-right:1px dashed #666; padding-right:1em } div#footer { margin:2em 0 0 110px; padding:10px 0 0 34px; width:440px; border-top:1px dashed #666 } </style> <script type="text/javascript"> function getDocHeight(doc) { var docHt = 0, sh, oh; if (doc.height) docHt = doc.height; else if (doc.body) { if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight; if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight; if (sh && oh) docHt = Math.max(sh, oh); } return docHt; } function setIframeHeight(iframeName) { var iframeWin = window.frames[iframeName]; var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null; if ( iframeEl && iframeWin ) { iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous var docHt = getDocHeight(iframeWin.document); // need to add to height to be sure it will all show if (docHt) iframeEl.style.height = docHt + 30 + "px"; } } function loadIframe(iframeName, url) { if ( window.frames[iframeName] ) { window.frames[iframeName].location = url; return false; } else return true; } </script> <script type="text/javascript" language="JavaScript"> <!-- Article = new Array; i=0; Article[i] = new Array ("<b>JAVASCRIPT</b> ", "index.html", "");i++ Article[i] = new Array ("<b>Библиотека примеров скриптов и стилей</b> ", "index.html", "");i++ Article[i] = new Array (" <a href=index-menu.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Меню</b></a>", "", "_blank");i++ Article[i] = new Array (" <a href=index-foto.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Фото</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Фон</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Текст</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Линк</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Кнопка</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Время</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Окно</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Часы</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел дин. эффект</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Дин. фильтр</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Генератор</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Календарь</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Подсказка к линку</b> ", "", "_blank");i++ Article[i] = new Array ("<a href=000112.htm onclick=\"return loadIframe('ifrm', this.href)\"><b>Раздел Файлы VML</b> ", "", "_blank");i++ Article[i] = new Array ("<b>Кодировка</b> ", "020406/020406-3.htm", "_blank");i++ Article[i] = new Array ("<b>Шифровка HTML</b> ", "020406/020406-1.htm", "_blank");i++ Article[i] = new Array ("<b>Шифровка входа</b> ", "020406/020406-5.htm", "_blank");i++ Article[i] = new Array ("<b>Фильтры DHTML</b> ", "020406/020406-2.htm", "_blank");i++ Article[i] = new Array ("<b>Биоритмы</b> ", "11/55-05.html", "_blank");i++ Article[i] = new Array ("<a href=index-fon.html onclick=\"return loadIframe('ifrm', this.href)\"><b>Шифровка MD5</b> ", "255.htm", "_blank");i++ orientation = "horizontal" // Orientation of scroller (Horizontal or vertical) scrollerWidth = "300" // Width of entire scroller. scrollerHeight = "20" // Height of Scroller. borderWidth = 1 // Width of border. (use 0 for no border). borderColour = "#006600" // Colour of scroller border. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") backColour = "#d7ebff" // Colour of scroller background. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") staticColour = "#000000" // Colour of scroller items that are NOT a link. (including scrollerDivider characters) stopScroll = 1 // Pause the scroller on mouseOver. (use 0 for no.) textAlignment="left" // Alignment of each scroller item. Only really makes a difference on vertical scroller // (center, left, right, justify) // Scroller Links linkFont = "arial" // Font of scroller links; linkWeight = "normal" // Weight of scroller links; linkColour = "#000080" // Colour of scroller links linkSize = "10" // Size of links (in points) linkDecoration = "none" // Decoration of links. (underline, overline, none) // Scroller Links On MouseOver slinkFont = "arial" // Font of scroller links; slinkWeight = "normal" // Weight of scroller links; slinkColour = "#cc3333" // Colour of scroller links slinkSize = "10" // Size of links (in points) slinkDecoration = "underline" // Decoration of links. (underline, overline, none) scrollerDivider = " - " // Character to place between each scroller item. // <img> tags can be used if an image is required. // Use "0" for nothing. For Vertical scrollers, it is best to use "<br>" ns4Text = "К сожалению только для IE"; // Alternative text to display in Netscape 4. ns4URL = "http://www.bogolubow.narod.ru"; // URL of link in NS4. If no URL is required, enter "none" ns4Target = "_top"; // Frame target for link in NS4 //Browser Sniffer var isIE = (document.getElementById && document.all)?true:false; var isNS4 = (document.layers)?true:false; var isNS6 = (document.getElementById && !document.all)?true:false; style='<style type="text/css">'; style+='p{font-family:'+linkFont+'; color:'+staticColour+'; font-size:'+linkSize+'pt; font-weight:'+linkWeight+'; text-align:'+textAlignment+'}'; style+='a.rcScroller,a.rcScroller:active,a.rcScroller:visited{color:'+linkColour+';text-decoration:'+linkDecoration+'; font-weight:'+linkWeight+'}'; style+='a.rcScroller:hover{color:'+slinkColour+';text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}'; style+='rcScrollerHoverNS{color:red;text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}'; style+='<\/style>'; document.writeln(style); // Build the scroller and place it on the page function buildScroller() { if(isNS4){ scroller='<table border="0" cellpadding="0" cellspacing="0" width="'+scrollerWidth+'" bgcolor="'+borderColour+'"><tr><td>' scroller+='<table border="0" cellpadding="3" cellspacing="1" width="100%" height="'+scrollerHeight+'" bgcolor="'+backColour+'"><tr><td align="center" nowrap><p>'; if(ns4URL.toLowerCase()!="none"){scroller+='<a href="'+ns4URL+'" class="rcScroller" target="'+ns4Target+'">'+ns4Text+'</a>';} else{scroller+=ns4Text;} scroller+='</p></td></tr></table></td></tr></table>' }else{ scroller='<table border="0" valign="middle" cellpadding="0" cellspacing="0" style="width:'+scrollerWidth+';height:'+scrollerHeight+';border:'+borderWidth+'px solid '+borderColour+';background-color:'+backColour+'">'; scroller+='<tr valign="middle"><td><div id="div" style="'; if(orientation.toLowerCase()=="vertical"){scroller+='height:'+scrollerHeight+';';} scroller+='width:'+scrollerWidth+'; position:relative; background-color:'+backColour+'; overflow:hidden">'; scroller+='<div id="div1" style="position:relative; left:0; z-index:1">'; scroller+='<table border="0" name="table" id="table"'; if(orientation.toLowerCase()=="vertical"){scroller+='style="width:'+scrollerWidth+'"';} scroller+='><tr>'; y=0; while (y<4) { for (x=0; x<(Article.length); x++) { if(orientation.toLowerCase()=="vertical"){scroller+='<tr>';} scroller+='<td '; if(orientation.toLowerCase()=="horizontal"){scroller+='nowrap';} if(stopScroll==1){scroller+=' onMouseOver="stopScroller();" onMouseOut="setWidth()"';} scroller+='><p>'; if(Article[x][1].toLowerCase()!="none"){scroller+='<a class="rcScroller" href="'+Article[x][1]+'" target="'+Article[x][2]+'" >'+Article[x][0]+'<\/a>'; }else{scroller+=Article[x][0];} scroller+='</p><\/td>'; if(orientation.toLowerCase()=="vertical"){scroller+='<\/tr>';} if(scrollerDivider.toLowerCase() != "none"){scroller+='<td nowrap><p>'+scrollerDivider+'<\/p><\/td>';} } y++ } scroller+='<\/tr><\/table><\/div><\/div><\/td><\/tr><\/table>'; } document.writeln(scroller); } // Ensure the width of the scroller is divisible by 2. This allows smooth flowing of the scrolled content function setWidth() { tableObj=(isIE)?document.all("table"):document.getElementById("table"); obj=(isIE)?document.all.div1:document.getElementById("div1"); objWidth=(orientation.toLowerCase()=="horizontal")?getOffset(tableObj,"width"):getOffset(tableObj,"height"); HalfWidth=Math.floor(objWidth/2); newWidth = (HalfWidth*2)+2; obj.style.width=newWidth moveLayer(obj, newWidth); } // Move the layer by one pixel to the left function moveLayer(obj, width) { maxLeft = (0-(width/2)+2)/2 if(orientation.toLowerCase()=="horizontal"){ obj.style.left=(parseInt(obj.style.left) <= maxLeft)?0:parseInt(obj.style.left)-1 }else{ if(obj.style.top==""){obj.style.top=0;} // alert(obj.style.top) if (parseInt(obj.style.top)<(0-(width/2)+6)){ obj.style.top = 0 }else{ obj.style.top = parseInt(obj.style.top)-1 } } timer = setTimeout ("moveLayer(obj, "+width+");", 25); } // Get width and height of layer function getOffset(obj, dim) { if(dim=="width") { oWidth = obj.offsetWidth return oWidth } else if(dim=="height") { oHeight = obj.offsetHeight return oHeight } } function stopScroller() { clearTimeout(timer) } function runScroller(){ if(!isNS4){setWidth()} } //--> </script> <script language="JavaScript" type="text/javascript"><!-- var jsFileName = ""; --></script> </head> <body onLoad="runScroller()"> <div class="iframe"> <iframe name="ifrm" id="ifrm" src="0001.jpg" width="400" height="600" scrolling="no" frameborder="0">Sorry, your browser doesn't support iframes.</iframe> </div> <script type="text/javascript" language="JavaScript">buildScroller()</script> </body> </html>
