Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Динамика tooltip (https://javascript.ru/forum/dom-window/52082-dinamika-tooltip.html)

ruslan_mart 03.12.2014 15:27

Phonixe, Ваш код можно нормально написать в ~5 строк на чистом JS.

danik.js 03.12.2014 15:36

Вроде есть полифил для mouseenter/leave

Phonixe 03.12.2014 15:39

Ruslan_xDD, каким образом его можно сократить до 5 строк?

kostyanet 03.12.2014 15:56

Цитата:

Сообщение от Ruslan_xDD
и чёрт с ними, лучше костыль написать, чем целую библиотеку ради пары ф-ций подключать. Просто большинство пользователей jQuery, подключают её ради использования 5-10% её функционала.


$(image).animate(
				prop,
				delay,
				function(){
					if(!stopped)
						play();
				}
			);


это все ради чего, пока что, у меня подключен живерь моднейшей версии.

То есть всего 32Кб кодов, а живери - вот столько. Пользуясь случаем замерил все min версии - охренеть, блин, экономия ажно 8Кб! У меня фотка no_image.png весит раз в пять больше.

рони 03.12.2014 17:03

Phonixe,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .info  {
    display: none;

  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $(".two");
	   s.on('mouseenter mouseleave',function() {
	     $('+ .info',this).fadeToggle("slow");
      });
});
  </script>
</head>

<body>
<div class="one">
 <div class="two">Блок/Полле ввода</div>

 <div class="info">Информация, (tooltip примерно как в фреймворке boostrap)</div>
 </div>

</body>

</html>


Часовой пояс GMT +3, время: 05:13.