Меню

Главная

О себе

Олимпиады

Конкурсы

Методические

разработки

ЕГЭ

ОГЭ

Обратная связь

Копилка учителя

Полезные уроки

Статьи

Тесты

Программы

Воспитательная

работа

Публикации

Интернет-сообщества

Техника безопасности

Проекты

Безопасный Интернет

Раздел Вопросы и Ответы

 

 

 

 

 

 

Урок 23

Как сделать кнопку для всплывающего сообщения.
При нажатии на такую кнопку будет выведено окно с любым вашим сообщением.

Например, можно применить кнопку на странице, где вы хотите сообщить ответ к заданию или дать подсказку.
Код:
<FORM>

<p align="left">

<input TYPE="button" VALUE=" здесь подсказка " ONCLICK="AlertButton()">

<script>

function AlertButton()

{

window.alert("наверное, ПЯТЬ?");

}

</script>

</p>

</FORM>

Сколько будет 2+2=?      

Бегущий текст в рамке

Код:

<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount=1 scrolldelay=60 direction=up width=250 height=60>свой текст вставляем</marquee>

              Анекдоты

Новая страница 1

***

Пpогpаммист увидел HЛО: - У кого-то диск полетел...

***

У программиста спрашивают: - Hе помнишь, сколько будет два в четвеpтой?
- (без запинки) Шестнадцать.
- А шестнадцать в четвеpтой?
- (без запинки) Шестьдесят пять тысяч пятьсот тpидцать шесть.
- Вот голова, ну ты даешь!!! Hу, а тpи в четвеpтой?
- (после паузы) Hе помню точно. Дpобное число получается.

***

Лежат в корзине OS/2 три программы и разговаривают. Первая второй: - Тебя за что в корзину отправили?
- За то, что я не под Windows. А тебя?
- За то, что я под Windows.
Обе третьей:
- А тебя?
- За то, что я и есть Windows.

***

Призвали как-то одного волосатого админа в армию служить, на границу. Поставили его в дозор. Вдруг админ слышит шаги... - Стой! Пароль!... ответ из темноты: - Владивосток... - Логин ... - ????!!!......

***

Компьютер позволяет решать все те проблемы, которые до изобретения компьютера не существовали.

***

Благодаря американской компьютеризированной системе выборов президента, тысячи российских хакеров смогли принять участие в голосовании...

***

- Можно ли загадать желание, если сидишь между двумя программистами?
- Можно! Только глючить будет.

***

Программисту нужно попасть на двенадцатый этаж. Он заходит в лифт, нажимает кнопку "1", затем "2" и долго еще безуспешно ищет глазами клавишу "Enter"...

***

Новость: Недавно проходила конференция по борьбе со спамом, приглашения были разосланы 100 000 000 пользователей.

           "Время и дата в одну строку"

Код вставляйте в любое место на сайте.

<script language="JavaScript">
<!--
function fulltime () {
var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout('fulltime()',500)
}
-->
</script><form name="clock"><input size="28" name="full"></form><script language="JavaScript">
fulltime ();
</script>
 

 Что получается:

"Подсказка при наведении на линк"

  Подсказка при наведении на линк через CSS Это например ссылка хорошая подсказка
при нажатии на ссылку сразу попадете на главную страницу

<head>
<title>Подсказка при наведении на линк через CSS</title>
<style type="text/css">
a.tooltip {
position:relative;
z-index:2;
background:#fafafa;
color:#000;
text-decoration:underline;
}
a.tooltip:hover{z-index:25; background:#eee;}
a.tooltip span {display: none}
a.tooltip:hover span {
display:block;
position:absolute;
top:2em; left:2em;
width:15em;
border:1px solid #ccc;
background:#F5F5F5; color:#000;
text-align: center
}
</style>
</head>

<body>
<a href="http://infform.16mb.com" class="tooltip">Это например ссылка <span>
хорошая подсказка css<br/>при нажатии на ссылку попадете на главную страницу</span></a>
</body>

То, что в коде выделено красным цветом можно заменить на свое.

Эффект мигания.

 
Эффект мигания!!!!!!!!!

<script language="javascript">
var nowColor = -1;
// задержка смены цветов в 1/1000 секундах
var sleepTime = 1000;
// желаемый набор цветов
var sColors = new Array(
"#ff0000",
"#00ff00",
"#0000ff"
);
// tableColor - id таблицы
setInterval("changeBorderColor(tableColor, sColors)", sleepTime)

function changeBorderColor(objStyle, sColors)
{
nowColor++;
if (nowColor >= sColors.length)
nowColor = 0;
objStyle.style.borderColor = sColors[nowColor];
}
</script>

<table id="tableColor" style="border: 2px solid;">
<tr>
<td>Ваш текст</td>
</tr>
</table>

Увеличивающаяся картинка

 

 

 

 

 

 

<script type="text/javascript">
function ImageExpander(oThumb,sImgSrc)
{this.oThumb=oThumb;this.oThumb.expander=this;this.oThumb.onclick=function(){this.expander.expand();}
this.smallWidth=oThumb.offsetWidth;this.smallHeight=oThumb.offsetHeight;this.bExpand=true;this.bTicks=false;if(!window.aImageExpanders)
{window.aImageExpanders=new Array();}
window.aImageExpanders.push(this);this.oImg=new Image();this.oImg.expander=this;this.oImg.onload=function(){this.expander.onload();}
this.oImg.src=sImgSrc;}
ImageExpander.prototype.onload=function()
{this.oDiv=document.createElement("div");document.body.appendChild(this.oDiv);this.oDiv.appendChild(this.oImg);this.oDiv.style.position="absolute";this.oDiv.expander=this;this.oDiv.onclick=function(){this.expander.toggle();};this.oImg.title="Click to reduce.";this.bigWidth=this.oImg.width;this.bigHeight=this.oImg.height;if(this.bExpand)
{this.expand();}
else
{this.oDiv.style.visibility="hidden";this.oImg.style.visibility="hidden";}}
ImageExpander.prototype.toggle=function()
{this.bExpand=!this.bExpand;if(this.bExpand)
{for(var i in window.aImageExpanders)
if(window.aImageExpanders[i]!==this)
window.aImageExpanders[i].reduce();}}
ImageExpander.prototype.expand=function()
{this.bExpand=true;for(var i in window.aImageExpanders)
if(window.aImageExpanders[i]!==this)
window.aImageExpanders[i].reduce();if(!this.oDiv)return;this.oThumb.style.visibility="hidden";

this.x=this.oThumb.offsetLeft;this.y=this.oThumb.offsetTop;

this.w=this.oThumb.clientWidth;this.h=this.oThumb.clientHeight;this.oDiv.style.left=this.x+"px";

this.oDiv.style.top=this.y+"px";this.oImg.style.width=this.w+"px";this.oImg.style.height=this.h+"px";

this.oDiv.style.visibility="visible";this.oImg.style.visibility="visible";if(!this.bTicks)
{this.bTicks=true;var pThis=this;window.setTimeout(function(){pThis.tick();},25);}}
ImageExpander.prototype.reduce=function()
{this.bExpand=false;}
ImageExpander.prototype.tick=function()
{var cw=document.body.clientWidth;var ch=document.body.clientHeight;var cx=document.body.scrollLeft+cw/2;var cy=document.body.scrollTop+ch/2;var tw,th,tx,ty;if(this.bExpand)
{tw=this.bigWidth;th=this.bigHeight;if(tw>cw)
{th*=cw/tw;tw=cw;}
if(th>ch)
{tw*=ch/th;th=ch;}
tx=cx-tw/2;ty=cy-th/2;}
else
{tw=this.smallWidth;th=this.smallHeight;tx=this.oThumb.offsetLeft;ty=this.oThumb.offsetTop;}
var nHit=0;var fMove=function(n,tn)
{var dn=tn-n;if(Math.abs(dn)<3)
{nHit++;return tn;}
else
{return n+dn/10;}}
this.x=fMove(this.x,tx);this.y=fMove(this.y,ty);this.w=fMove(this.w,tw);this.h=fMove(this.h,th);this.oDiv.style.left=this.x+"px";this.oDiv.style.top=this.y+"px";

this.oImg.style.width=this.w+"px";this.oImg.style.height=this.h+"px";if(!this.bExpand&&(nHit==4))
{this.oImg.style.visibility="hidden";this.oDiv.style.visibility="hidden";this.oThumb.style.visibility="visible";this.bTicks=false;}
if(this.bTicks)
{var pThis=this;window.setTimeout(function(){pThis.tick();},25);}}
</script>

<center>

<a href="Путь к вашей фотографии" onclick="this.href='javascript:void(0);';">
<img src="Путь к вашей фотографии" onclick="new ImageExpander(this, 'Путь к вашей фотографии');" width="100px" border="0"></a>
 

 

             Персональный сайт учителя информатики  Целищевой Елены Дмитриевны