Главная
JavaScript
Контакты
Услуги
На главную
|
Карта сайта
|
JavaScript
Печатающийся комментарий, поле и текст любого цвета
<html> <head> <title>Печатающийся комментарий, поле и текст любого цвета</title> <script language=javaScript> <!-- // width of the ticker var tickerwidth=120 // height of the ticker var tickerheight=80 // distance from the messagetext to the tickermarrgin (pixels) var tickerpadding=5 // borderwidth of the ticker (pixels) var borderwidth=2 // font-family var fnt="Verdana" // font-size of the text var fntsize=8 // font-size of the last letter of the ticker var fntsizelastletter=8 // font-color of the text var fntcolor="008800" // font-color of the last letter of the ticker var fntcolorlastletter="00AA00" // font-weight. Set a value between 1 to 9 to adjust the boldness var fntweight=3 // backgroundcolor var backgroundcolor="CCFFCC" // standstill between the messages (microseconds) var standstill=2000 // speed (a higher value will slow down the ticker) var speed=40 // horizontal distance from the textlink to the popupbox (pixels) var xdistance=30 // vertical distance from the textlink to the popupbox (pixels) var ydistance=20 // Do not edit the variables below var timer var topposition=0 var leftposition=0 var x,y var i_substring=0 var i_presubstring=0 var i_message=0 var message var messagecontent="" var messagebackground="" var messagepresubstring="" var messageaftersubstring="" fntweight=fntweight*100 function getmessagebackground() { messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>" messagebackground+=" </td></tr></table>" } function getmessagecontent() { messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>" messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>" messagecontent+="<font color='"+fntcolor+"'>" messagecontent+=messagepresubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>" messagecontent+="<font color='"+fntcolorlastletter+"'>" messagecontent+=messageaftersubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="</td></tr></table>" } function showticker() { if (i_substring<=message.length-1) { i_substring++ i_presubstring=i_substring-1 if (i_presubstring<0) {i_presubstring=0} messagepresubstring=message.substring(0,i_presubstring) messageaftersubstring=message.substring(i_presubstring,i_substring) getmessagecontent() if (document.all) { ticker.innerHTML=messagecontent timer=setTimeout("showticker()", speed) } if (document.layers) { document.ticker.document.write(messagecontent) document.ticker.document.close() timer=setTimeout("showticker()", speed) } } else { clearTimeout(timer) } } function hideticker() { clearTimeout(timer) i_substring=0 i_presubstring=0 if (document.all) { document.all.ticker.style.visibility="hidden" document.all.tickerbg.style.visibility="hidden" } if (document.layers) { document.ticker.visibility="hidden" document.tickerbg.visibility="hidden" } } function showmessage(linkmessage) { getmessagebackground() message=linkmessage i_substring=0 i_presubstring=0 leftposition=x+xdistance topposition=y+ydistance if (document.all) { document.all.ticker.style.posLeft=leftposition document.all.ticker.style.posTop=topposition document.all.tickerbg.style.posLeft=leftposition document.all.tickerbg.style.posTop=topposition tickerbg.innerHTML=messagebackground document.all.ticker.style.visibility="visible" document.all.tickerbg.style.visibility="visible" showticker() } if (document.layers) { document.ticker.left=leftposition document.ticker.top=topposition document.tickerbg.left=leftposition document.tickerbg.top=topposition document.tickerbg.document.write(messagebackground) document.tickerbg.document.close() document.ticker.visibility="visible" document.tickerbg.visibility="visible" showticker() } } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; //--> </script> </head> <body> <DIV ID="tickerbg" style="position:absolute;"></DIV> <DIV ID="ticker" style="position:absolute;"></DIV> <a href="http://scriptic.ru" onMouseOver="showmessage('Вы попадете на главную страницу сайта ')" onMouseOut="hideticker()" target="_blank">На главную</a> | <a href="http://scriptic.ru/map.shtml" onMouseOver="showmessage('Пользуйтесь ей для быстрого перехода ')" onMouseOut="hideticker()" target="_blank">Карта сайта</a> | <a href="http://scriptic.ru/javascript.shtml" onMouseOver="showmessage('Разные нужные вещи написаные на JavaScript.')" onMouseOut="hideticker()" target="_blank">JavaScript</a> <!-- В конце коментария добавляйте пробел иначе последний знак будет жирным --><br><br> <strong>Печатающийся коментарий, поле и текст любого цвета</strong><br> </body> </html>
Дизайн
Scriptic
.