Содержание
1. Появляющаяся строка
в текстовом поле
2. Часы в текстовом поле.
Вариант 1.
3. Часы в текстовом поле.
Вариант 2.
4. До 2000 года осталось...
5. Определение браузера
6. Меню-телепортатор
7. Мигающая таблица
8. Переключатель
фонового цвета
9. Картинки, реагирующие
на мышь
1.Появляющаяся строка в
текстовом поле
<center><form name=posl><input type=text size=40 name=forma>
</form></center>
<script language="JavaScript">
var line=" --- Вписать сюда текст бегущей строки --- ";
var speed=100; var i=0;function m_line() { if(i++<line.length)
{
document.posl.forma.value=line.substring(0,i);
}
else {document.posl.forma.value=" ";
i=0;} setTimeout("m_line()",speed);
}
</Script>
<script language="JavaScript">m_line();</Script>
На верх
2.Часы в текстовом поле.
Вариант 1.
<script language="JavaScript">
function fulltime()
{
var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout(" fulltime()",500) }
</script>
<center>
<form name=clock>
<input type=text size=17 name=full></form>
<script language="JavaScript">fulltime();</script>
</center>
3. Часы в текстовом поле.
Вариант 2.
<BODY onload="showTime()">
<script language="JavaScript">
<!--
function showTime() {
var timeNow = new Date();
var hours = timeNow.getHours();
var minutes = timeNow.getMinutes();
var seconds = timeNow.getSeconds();
var timeString = "" + ((hours > 12) ? hours - 12 : hours);
timeString += ((minutes < 10) ? ":0" : ":") + minutes;
timeString += ((seconds < 10) ? ":0" : ":") + seconds;
timeString += (hours >= 12) ? " p.m." : " a.m.";
document.htmllClock.timeField.value = timeString;
timerID = setTimeout("showTime()", 1000);
}
//-->
<FORM name="htmlClock">
<INPUT type="text" name="timeField" size=11></FORM>
На верх
4. До 2000 года осталось...
<script language="JavaScript">
<!--
function cntdown1(){ today = new Date()
nextEVENT = new Date("January 1, 2000")
msPerDay = 24 * 60 * 60 * 1000 ;
daysLeft = (nextEVENT.getTime() - today.getTime()) / msPerDay;
daysLeft = Math.round(daysLeft);
document.write("<CENTER><H3>До 2000 года осталось:
<FONT COLOR=\"#FF0000\">" + daysLeft + " дней</FONT>
</H3></CENTER>") ;}
-->
</script>
<script>cntdown1()</script>
На верх
5. Определение браузера
Имя броузера:
<script language="JavaScript">
document.write(navigator.appName);
</script>
<BR>Версия броузера:
<script language="JavaScript">
document.write(navigator.appVersion);
</script>
<BR>Кодовое название броузера:
<script language="JavaScript">
document.write(navigator.appCodeName);
</script>
<BR>Заголовок пользовательского агента:
<script language="JavaScript">
document.write(navigator.userAgent);
</script>
На верх
6. Меню-телепортатор
<form><input type="hidden" name="select">
<SELECT NAME="sel"
onchange="top.location.href = this.options[this.selectedIndex].value;">
<option selected value="#">Выбор страницы</option>
<option VALUE="http://www.design.ru/kovodstvo">
Дизайн для умных</option>
<option VALUE="http://idesign.jeo.ru/">
Сетевой Дизайн</option>
<option VALUE="http://www.weblink.ru/soup">
Суп Дня</option>
</select></form>
На верх
7. Мигающая таблица
<table border=0 width=270 id="myexample"
style="border:2px solid yellow"><tr>
<td>Ваш текст<br></td></tr></table>
<script language="JavaScript">
<!--
function flashit()
{
if (!document.all)return;
if (myexample.style.borderColor=="yellow")myexample.style.borderColor="lime";
else myexample.style.borderColor="yellow"}setInterval("flashit()", 1000)
//-->
</script>
На верх
8. Переключатель
фонового цвета
<FORM>
<SELECT
onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION VALUE="123456" SELECTED >Выберите цвет:
<OPTION VALUE="FFFF00">желтый
<OPTION VALUE="009966">зеленый
<OPTION VALUE="FFFFFF">белый
<OPTION VALUE="000000">черный
</SELECT>
</FORM>
9. Картинки, реагирующие
на мышь
<HEAD>
<!-- сам скрипт вставляется в контейнер HEAD -->
<SCRIPT language="Javascript">
<!--
if (document.images)
{
img1on = new Image ; img1off = new Image ;
img2on = new Image ; img2off = new Image;
img1on.src = "1on.gif";
img1off.src = "1off.gif";
img2on.src = "2on.gif";
img2off.src = "2off.gif";
}
function img_act(imgName) {
if (document.images)
{ imgOn = eval (imgName + "on.src");
document [imgName].src = imgOn; } }
function img_inact(imgName) {
if (document.images)
{ imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff; } }
//-->
</SCRIPT>
</HEAD>
<BODY>
<!-- эта часть помещается в теле (BODY) документа -->
<a href="1.html"
onMouseOver="img_act('img1')";
onMouseOut="img_inact('img1')";>
<img src="1off.gif" name="img1" border=0></a>
<a href="2.html"
onMouseOver="img_act('img2')";
onMouseOut="img_inact('img2')";>
<img src="2off.gif" name="img2" border=0></a>
</BODY>
|
