Ява скрипты

Ещё совсем недавно создание собственной статической HTML странички считалось огромным достижением и показателем интернетграмотности её хозяина. Сейчас этим никого не удивиш. Всё больше встречается сайтов со всевозможными интерактивными эффектами (приветствия и прощания с посетителями, формы для ввода информации, движущийся текст и прочие ). Всё это достигается благодаря использованию на Ваших страничках языка сценариев JavaScript .Примеров использования JavaScript в множество. Я приведу лишь несколько наиболее на мой взгляд простых и интересных.
Посмотреть работу скриптов очень просто. Нужно всего лишь скопировать эту страничку и в Вашем распоряжении все 5 HTML-файлов со скриптами. Выбираем любой , сохраняем его как HTML файл (не забудте ввести изменения в тексте) и смотрите результат. Ну а какой скрипт понравится , можно его использовать при создании своей собственной странички.

<html><head><title>Падающий снег</title></head>
<body bgcolor="#FFFFFF" link="#0000FF" vlink="#0000FF" text="#333333">
</SCRIPT>
<a href="javascript:highlight(2)">
<p></a><br>
<script LANGUAGE="JavaScript1.2">

</script></p></body></html>

незабудьте указать имя падающего файла в строке var snowflake=

Бегущая строка

Слово бегает за мышкой

<html><head><title>Надпись за курсором мыши</title>
<style>
.spanstyle {
 position:absolute;
 visibility:visible;
 top:-50px;
 font-size:10pt;
 font-family:Verdana;
      font-weight:bold;
 color:red;
}
</style>
</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"
vlink="#0000FF"></body>
<script>
var x,y
var step=20
var flag=0
 
var message="Любителям HTML " // Текст около мышки (обязательно после последней буквы пробел)
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>

</script>
</html>

Печатающийся текст

Форма для отправки сообщений на e-mail
!!!!!!!!!! ??????????

Эту форму Вы также можете использовать у себя на страничке. Нужно всего лишь сохранить эту страничку и скопировать из Блокнота текст между знаками !!!!!!!!!! и ??????????. Как работает форма , можете проверить прямо сейчас. Чиркните что-нибуть в КОММЕНТАРИЙ и жмите ОТПРАВИТЬ