JScript всплытие текста

@Альбина С. · Регистрация: 08.12.2011

Author24 — интернет-сервис помощи студентам

я смогла сделать всплытие картинки,а как сделать всплытие текста не понимаю

Программа:

HTML5

<html>
<head>
<title>Всплытие 2-вариант</title>
<style>
        
#ta {
    position: absolute;  
    top: 10px; left: 20px; 
    width: 100px; height: 75px
       }
</style>
 
<script>
function showPic()
  { if (window.document.all.ta.style.pixelWidth < 400)
       {
        window.document.all.ta.style.pixelWidth+=8;
        window.document.all.ta.style.pixelHeight+=6;
        setTimeout("showPic();",20);
    }
   }
function hidePic()
  { if (window.document.all.ta.style.pixelWidth > 100)
       {
        window.document.all.ta.style.pixelWidth-=8;
        window.document.all.ta.style.pixelHeight-=6;
        setTimeout("hidePic();",20);
    }
   }
</script>
 
</head>
 
<body>
 
<img id=ta
onmouseover="showPic();"
onmouseout="hidePic();"
src="picture.jpg">
 
<br><br><br><br>
 
ф-ии с параметрами 
 
 
</body>
</html>

@kalabuni · 12.05.2012, 16:15

То, что вы сделали, вообще-то не "всплытием" называется.

"Всплытие" - это когда чего-то не было, а потом появилось (а потом снова пропало).
Как, например, "всплывает" плашечка с title, если его в любом теге прописать:

HTML5

1	<span title="Всплыву. А дёрнешься - исчезну">наведи курсор и замри</span>

То, что вы сделали, называется просто "плавное увеличение/уменьшение размеров при наведении/отводе курсора".

И, к сожалению, сделанное вами имеет не только ограниченное применение, но и даже в тех браузерах, которые поддерживают одновременно и коллекцию document.all, и свойства стиля pixelWidth и pixelHeight работает это неважно. Поводите курсором быстро туда-сюда над увеличивающейся картинкой... в итоге она у вас застрянет в каком-то среднем положении и будет "дрожать" на одном месте.

Да и применимо это только к картинкам, у которых пропорция ширина:высота равна 1,333...
Для всяких других размеров картинок надо будет вычислять свои изменения для сторон.
Что не комильфо.
-----

За размеры текста отвечает свойство стиля font-size (в Javascript'e пишется как fontSize).
Никаких нестандартных "запоминателей" (типа pixelWidth) для размера шрифта не существует.
Поэтому надо будет где-то в глобале (или в функции) запоминать текущее значение этого свойства.

@Альбина С. · 12.05.2012, 17:40 **[ТС]**

ну учитель называет это всплытием

спасибо большое за помощь

@Альбина С. 0 / 0 / 0 Регистрация: 08.12.2011 Сообщений: 29
	12.05.2012, 17:40 [ТС]	3
	ну учитель называет это всплытием спасибо большое за помощь 0