Лекция: Сияние надписи
<html>
<head>
<title>Сияние надписи</title>
</head>
<body>
<span id=«theText» style=«width:100%; color: #006600»>
<h1><strong> Сияние надписи</strong></h1>
</span>
<script>
<!--
//величина сияния от и до
var from = 1;
var to = 7;
//скорсть сияния
var delay = 60;
//цвет сияния, имя в rgb (пример:'#ffff33') или именованный
var glowColor = "#ffff00'";
//не менять!!!
var i = to;
var j = 0;
textPulseDown();
function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = «Glow(Color=» + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
}
function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = «Glow(Color=» + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}
//-->
</script>
<!--s_links-->подходящая <a href=«www.inax.ru» target="_blank">эксклюзивная сантехника замечательная</a> не проморгай<!--/s_links-->
<!-- copyright (i1) --><div align=«center»><a href=«www.ucoz.ru/» title=«Создать сайт бесплатно»><img style=«margin:0;padding:0;border:0;» alt=«Hosted by uCoz» src=«s206.ucoz.net/img/cp/5.gif» width=«80» height=«15» title=«Hosted by uCoz» /></a><br /></div><!-- /copyright -->
</body>
</html><div><span id=«openstat2323431»></span><script type=«text/javascript»>var openstat = { counter: 2323431, next: openstat };(function(d, t, p) {var j = d.createElement(t); j.async = true; j.type = «text/javascript»;j.src = («https:» == p? «https:»: «http:») + "//openstat.net/cnt.js";var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);})(document, «script», document.location.protocol);</script><script type=«text/javascript»>new Image().src = «counter.yadro.ru/hit;narodcounter?r»+escape(document.referrer)+((typeof(screen)==«undefined»)?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";"+Math.random();</script></div>
Прокручивающаяся надпись сверху вниз
<html>
<head>
<title>Колекция Java скриптов. </title>
<style type=«text/css»>
<!--
P.main { font-family: Comic Sans Ms; font-size: 16pt; font-weight: bold;}
-->
</style>
<script Language=«Javascript»>
<!-- Hiding
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname==«Netscape» && bversion>=4) || (bname==«Microsoft Internet Explorer» && bversion>=4))
{if (bname==«Netscape») brows=true
else brows=false
var z=0;
var msg=0;
var rgb=0;
var message= new Array();
var value=0;
var timer1;
var timer2;
var convert = new Array()
var hexbase= new Array(«0», «1», «2», «3», «4», «5», «6», «7», «8», «9», «A», «B», «C», «D», «E», «F»);
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)
var bgcolor="#000000"; //Color of background
var color="#0000FF"; //Color of the Letters
message[0]='Textanimator Version 3.0'
message[1]='A very good JavaScript by Lefteris Haritou !'
message[2]='With no Java applet'
message[3]='Needs Navigator 4.0 or Explorer 4.0'
message[4]='Ein sehr gutes JavaScript von Lefteris Haritou !'
message[5]='Ohne ein Java applet!!'
message[6]='Benötigt Navigator 4.0 or Explorer 4.0'
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)
for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}
redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;
function start(){
if (brows)
res=document.layers['textanim'].top
else
res=textanim.style.top
timer1=window.setInterval('up()',1)
}
function stopf(){
window.clearInterval(timer1);
window.clearInterval(timer2);
for (x=0; x<2000; x++){}
}
function up(){
if (red<hred){
if ((red+15)<hred){
red+=15;
redx = convert[red]
}
else{
red=hred
redx = convert[red]
}
}
if (red>hred){
if ((red-15)>hred){
red-=15;
redx = convert[red]
}
else{
red=hred
redx = convert[red]
}
}
if (green<hgreen){
if ((green+15)<hgreen){
green+=15;
greenx = convert[green]
}
else{
green=hgreen
greenx = convert[green]
}
}
if (green>hgreen){
if ((green-15)>hgreen){
green-=15;
greenx = convert[green]
}
else{
green=hgreen
greenx = convert[green]
}
}
if (blue<hblue){
if ((blue+15)<hblue){
blue+=15;
bluex = convert[blue]
}
else{
blue=hblue
bluex = convert[blue]
}
}
if (blue>hblue){
if ((blue-15)>hblue){
blue-=15;
bluex = convert[blue]
}
else{
blue=hblue
bluex = convert[blue]
}
}
rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
document.layers['textanim'].document.writeln('<Pre><P Class=«main» Align=«Center»><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
else
textanim.innerHTML='<Pre><P Class=«main» Align=«Center»><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>'
if (z<19){
if (brows)
document.layers['textanim'].top-=2
else
textanim.style.posTop-=2
z++
}
else
{
window.clearInterval(timer1);
timer2=window.setInterval('down()',1)
}
}
function down(){
if (red<ered){
if ((red+15)<ered){
red+=15;
redx = convert[red]
}
else{
red=ered
redx = convert[red]
}
}
if (red>ered){
if ((red-15)>ered){
red-=15;
redx = convert[red]
}
else{
red=ered
redx = convert[red]
}
}
if (green<egreen){
if ((green+15)<egreen){
green+=15;
greenx = convert[green]
}
else{
green=egreen
greenx = convert[green]
}
}
if (green>egreen){
if ((green-15)>egreen){
green-=15;
greenx = convert[green]
}
else{
green=egreen
greenx = convert[green]
}
}
if (blue<eblue){
if ((blue+15)<eblue){
blue+=15;
bluex = convert[blue]
}
else{
blue=eblue
bluex = convert[blue]
}
}
if (blue>eblue){
if ((blue-15)>eblue){
blue-=15;
bluex = convert[blue]
}
else{
blue=eblue
bluex = convert[blue]
}
}
rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
document.layers['textanim'].document.writeln('<Pre><P Class=«main» Align=«Center»><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
else
textanim.innerHTML='<Pre><P Class=«main» Align=«Center»><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>'
if (z<38){
if (brows)
document.layers['textanim'].top-=2
else
textanim.style.posTop-=2
z++
}
else
{
window.clearInterval(timer2);
if(msg<message.length-1){
msg++;
z=0;
if (brows)
document.layers['textanim'].top=res;
else
textanim.style.top=res;
window.setTimeout('start()',100);
}
else
{
msg=0;
z=0;
if (brows)
document.layers['textanim'].top=res;
else
textanim.style.top=res;
window.setTimeout('start()',2000);
}
}
}
}
// done hiding -->
</Script>
</head>
<body onunload=«stopf()» onLoad=«start()»>
<center>
<Div id=«textanim» style=«position: absolute; left: 150; top: 80»>
</Div>
<Layer name=«textanim» left=«150» top=«80»></Layer>
</center>
<!--s_links--><a href=«www.ligamag.ru/cash/groups/2.html» target="_blank">Всем baby born</a> доставит удовольствие.<!--/s_links-->
<!-- copyright (i1) --><div align=«center»><a href=«www.ucoz.ru/» title=«Создать сайт бесплатно»><img style=«margin:0;padding:0;border:0;» alt=«Hosted by uCoz» src=«s206.ucoz.net/img/cp/5.gif» width=«80» height=«15» title=«Hosted by uCoz» /></a><br /></div><!-- /copyright -->
</body>
</html><div><span id=«openstat2323431»></span><script type=«text/javascript»>var openstat = { counter: 2323431, next: openstat };(function(d, t, p) {var j = d.createElement(t); j.async = true; j.type = «text/javascript»;j.src = («https:» == p? «https:»: «http:») + "//openstat.net/cnt.js";var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);})(document, «script», document.location.protocol);</script><script type=«text/javascript»>new Image().src = «counter.yadro.ru/hit;narodcounter?r»+escape(document.referrer)+((typeof(screen)==«undefined»)?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";"+Math.random();</script></div>