Главная
JavaScript
Контакты
Услуги
Табличка с сылками собирается из кусочков вылетающих с разных сторон, вылетаен несколько ссылок по очереди.
<html> <head> <title>Табличка с сылками собирается из кусочков вылетающих с разных сторон, вылетаен несколько ссылок по очереди.</title> </head> <body> <script> <!-- // Edit your messages. You can add as many messages a you like. var message = new Array() message[0]="Добро пожаловать! На сайт Scriptic.ru" message[1]="Есть еще сайт Studia.scriptic.ru" message[2]="Можете и перейти прямо отсюда туда" message[3]="здесь разные ссылки у сообщений" message[4]=" и красивый эфект при наведении" // The links of your messages. Be sure that you configure as many links as messages. // If don't want to link your messages write '#' instead of an URL (see last sample). var messageurl = new Array() messageurl[0]="http://scriptic.ru" messageurl[1]="http://studia.scriptic.ru" messageurl[2]="http://scriptic.ru" messageurl[3]="http://studia.scriptic.ru" messageurl[4]="http://glidia.narod.ru" // The width of your textbox (pixels). // Be sure that 'textwidth' is slightly bigger than the 'width' configured inside the stylesheet var textwidth=260 // The height of your textbox (pixels) // Be sure that 'textheight' is slightly bigger than the 'height' configured inside the stylesheet var textheight=75 // Final horizontal position of the textbox: distance to the left margin of the window (pixels) // IMPORTANT: // if you want to center the textbox in the middle of the browser-window then write -1. // If you want to place the textbox on an absolute position // then write the number (for instance 223). var x_finalpos=-1 // Final vertical position of the textbox: distance to the top margin of the window var y_finalpos=20 // Total number of textslices var textslices=10 // Standstill of textbox (seconds) var pausetext=2 // Speed of horizontal gliding var step=40 var pause=10 // Do not edit the variables below this line var x_rightspans=0 var x_leftspans=0 var marginright var marginleft var height_slice=Math.floor(textheight/textslices) var cliptop=0 var clipbottom=cliptop+height_slice var clipleft=0 var clipright=textwidth var spannummer=0 var spannrbefore=0 var i_message=0 pausetext=pausetext*1000 function initiate() { if (document.all) { if (x_finalpos==-1) { x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2) } changemessage() } } function changemessage() { for (i=0;i<=textslices-1;i++) { var thisspan=eval("span"+i) thisspan.innerHTML="<a href='"+messageurl[i_message]+"' target='blank' >"+message[i_message]+"</a>" } gostartposition() } function gostartposition() { for (i=0;i<=textslices-1;i+=2) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft=marginright } for (i=1;i<=textslices-1;i+=2) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft=marginleft } moveslices_IE() } function moveslices_IE() { if (x_rightspans==0 || x_leftspans==0) { if (x_rightspans==0) { for (i=0;i<=textslices-1;i+=2) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft-=step } if (thisspan.posLeft<=x_finalpos) { x_rightspans=1 for (i=0;i<=textslices-1;i+=2) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft=x_finalpos } } } if (x_leftspans==0) { for (i=1;i<=textslices-1;i+=2) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft+=step } if (thisspan.posLeft>=x_finalpos) { x_leftspans=1 for (i=1;i<=textslices-1;i+=2) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft=x_finalpos } } } var timer=setTimeout("moveslices_IE()",pause) } else { clearTimeout(timer) x_rightspans=0 x_leftspans=0 i_message++ if (i_message > message.length-1) { i_message=0 } var timer=setTimeout("changemessage()",pausetext) } } // --> </script> <style> A { text-decoration : none} A:hover { color : Yellow; text-decoration : none} .textbox { font-size : 18; font-family : Verdana; font-style : normal; color : Yellow; border-width : 4; text-align : center; background-color : #006600; border-style : solid; padding : 5; height : 65; width : 250; overflow : clip; font-weight : bold;} </style> <script> <!-- // Do not edit this script-block if (document.all) { for (i=0;i<=textslices-1;i+=2) { marginright=document.body.clientWidth+50 document.write("<span class='textbox' id='span"+i+"' style='position:absolute; visibility:visible; left:"+marginright+"px; top:"+y_finalpos+"px; clip: rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>") document.write("</span>") cliptop+=2*height_slice clipbottom+=2*height_slice } cliptop=height_slice clipbottom=2*height_slice for (i=1;i<=textslices-1;i+=2) { marginleft=-textwidth-50 document.write("<span class='textbox' id='span"+i+"' style='position: absolute; visibility: visible; left: "+marginleft+"px; top:"+y_finalpos+"px; clip: rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>") document.write("</span>") cliptop+=2*height_slice clipbottom+=2*height_slice } } // --> </script> <DIV style="position:absolute; top:200px; left:5px;"></DIV> </body> </html>
Дизайн
Scriptic
.