Страничка Пушистика

главная

обо мне

фотки

всякая всячина

гостевая

Ваше мнение

  Здесь примеры скриптов, которые несомненно приукрасят вашу страничку

          >>>> Таймер (обратный отсчёт в статус строке)
          >>>> Изображение возле курсора
          >>>> Надпись возле курсора (как на главной)
          >>>> Изменение картинки при загрузке документа в зависимости от текущего времени
          >>>> Изменение картинки при выборе гиперссылки
          >>>> Сияние строки
          >>>> Дата последнего обновения
          >>>> Код часов

Таймер (обратный отсчёт в статус строке)

Изображение возле курсора

<HTML><body><DIV id=dot0 
style="VISIBILITY: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px"><IMG 
height=15 src="" width=15></DIV>
<DIV id=dot1 style="WIDTH: 150px; POSITION: absolute; HEIGHT: 150px"><IMG 
height=15 src="smile_02.gif" width=15></DIV>
<DIV id=dot2 style="WIDTH: 15px; POSITION: absolute; HEIGHT: 15px"><IMG 
height=15 src="smile_02.gif" width=15></DIV>
<DIV id=dot3 style="WIDTH: 15px; POSITION: absolute; HEIGHT: 15px"><IMG 
height=15 src="smile_02.gif" width=15></DIV>
<DIV id=dot4 style="WIDTH: 11px; POSITION: absolute; HEIGHT: 11px"><IMG 
height=15 src="smile_02.gif" width=15></DIV>
<DIV id=dot5 style="WIDTH: 11px; POSITION: absolute; HEIGHT: 11px"><IMG 
height=15 src="smile_02.gif" width=15></DIV>
<DIV id=dot6 style="WIDTH: 11px; POSITION: absolute; HEIGHT: 11px"><IMG 
height=15 src="smile_02.gif" width=15></DIV><SCRIPT language=JavaScript>
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 10;
var Ypos = 10;

var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

var followmouse = true;

var dots = new Array();
init();

function startanimate() {	
    setInterval("animate()", 20);
}

function setInitPositions(dots)
{
    var startloc = document.all.tags("LI");
    var i = 0;
    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
        dots[i+1].X = startloc[i].offsetLeft
            startloc[i].offsetParent.offsetLeft - DOTSIZE;
        dots[i+1].Y = startloc[i].offsetTop +
            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
    }
    dots[0].X = dots[1].X;
    dots[0].Y = dots[1].Y - SEGLEN;
}

function MoveHandler(e)
{
    Xpos = e.pageX;
    Ypos = e.pageY;	  
    return true;
}

function MoveHandlerIE() {
    Xpos = window.event.x + document.body.scrollLeft;
    Ypos = window.event.y + document.body.scrollTop;	  
}

if (isNetscape) {
    document.captureEvents(Event.MOUSEMOVE);
    document.onMouseMove = MoveHandler;
} else {
    document.onmousemove = MoveHandlerIE;
}

function vec(X, Y)
{
    this.X = X;
    this.Y = Y;
}

function springForce(i, j, spring)
{
    var dx = (dots[i].X - dots[j].X);
    var dy = (dots[i].Y - dots[j].Y);
    var len = Math.sqrt(dx*dx + dy*dy);
    if (len > SEGLEN) {
        var springF = SPRINGK * (len - SEGLEN);
        spring.X += (dx / len) * springF;
        spring.Y += (dy / len) * springF;
    }
}

// end code hiding -->
</SCRIPT></body></html>

Надпись возле курсора (как на главной)

<HEAD>
  <TITLE>JAVA SCRIPT</TITLE>

<STYLE>
    .spanstyle {
    position:absolute;
    visibility:visible;
    top:-50px;
    font-size:10pt;
    font-family:Tahoma;
    font-weight:bold;
    color:red;}
  </STYLE>

</HEAD>
<BODY onLoad="makesnake()" STYLE="width:100%;overflow-x:hidden;overflow-y:scroll">
</BODY>

<SCRIPT>
  var x,y
  var step=20
  var flag=0
 
  var message="hello, baby! "
  message=message.split("")
 
  var xpos=new Array()
  for (i=0;i<=message.length-1;i++) {
  xpos[i]=-50
  }
 
  var ypos=new Array()
  for (i=0;i<=message.length-1;i++) {
  ypos[i]=-50
  }
 
  function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1
 }
 
  function makesnake() {
  if (flag==1 && document.all) {
  for (i=message.length-1; i>=1; i--) {
  xpos[i]=xpos[i-1]+step
  ypos[i]=ypos[i-1]
  }
  xpos[0]=x+step
  ypos[0]=y
 
  for (i=0; i<message.length-1; i++) {
  var thisspan = eval("span"+(i)+".style")
  thisspan.posLeft=xpos[i]
  thisspan.posTop=ypos[i]
  }
  }
 
  else if (flag==1 && document.layers) {
  for (i=message.length-1; i>=1; i--) {
  xpos[i]=xpos[i-1]+step
  ypos[i]=ypos[i-1]
  }
  xpos[0]=x+step
  ypos[0]=y
 
  for (i=0; i<message.length-1; i++) {
  var thisspan = eval("document.span"+i)
  thisspan.left=xpos[i]
  thisspan.top=ypos[i]
  }
  }
  var timer=setTimeout("makesnake()",30)
  }
 </SCRIPT>
<SCRIPT>
  for (i=0;i<=message.length-1;i++) {
  document.write("<span id='span"+i+"' class='spanstyle'>")
  document.write(message[i])
  document.write("</span>")
  }
 
  if (document.layers){
  document.captureEvents(Event.MOUSEMOVE);
  }
  document.onmousemove = handlerMM;
</SCRIPT>

Изменение картинки при загрузке документа в зависимости от текущего времени

По материалам сайтов:
helper10.narod.ru
aurora.ru
telpinlote.nm.ru
dixlophos.narod.ru

Отсутствие дизайна: Пушистик

Всяки-разны картинки

животина

космос

домики

природа

главная обо мне фотки всякая всячина гостевая Ваше мнение

главная

обо мне

фотки

всякая всячина

гостевая

Ваше мнение