Страница 6 из 10
jquery вопрос
Добавлено: 22 авг 2014, 14:16
Татьяна5
Весь код где? Мой работает не так
jquery вопрос
Добавлено: 22 авг 2014, 14:19
Alecto
Код: Выделить всё
<script type="text/javascript">
var parentElement = document.getElementById('wrap');
var theFirstChild = parentElement.firstChild;
var newElement = document.createElement("div");
newElement.innerHTML = '<div>... 11111111111111111111111111111111111111 ...</div>';
parentElement.insertBefore(newElement, theFirstChild);
</script>
jquery вопрос
Добавлено: 22 авг 2014, 14:20
Татьяна5
Так и создаётся пустой div, а в него добавляется html
Alecto писал(а):Код: Выделить всё
var newElement = document.createElement("div");
newElement.innerHTML = '<div>... 11111111111111111111111111111111111111 ...</div>';
А если так
Код: Выделить всё
var newElement = '<div>... 11111111111111111111111111111111111111 ...</div>';
[/s]
jquery вопрос
Добавлено: 22 авг 2014, 14:23
Alecto
не работает.
jquery вопрос
Добавлено: 22 авг 2014, 14:25
Татьяна5
А чем не подходит вариант добавления элемента в
<div id="page-header">?
(Он проще всего)
Татьяна5 писал(а):Код: Выделить всё
var elem = document.getElementById('page-header');
elem.innerHTML = '<div>123</div>' + elem.innerHTML;
jquery вопрос
Добавлено: 22 авг 2014, 14:29
Татьяна5
Или придётся оставить вложенные элементы...
jquery вопрос
Добавлено: 22 авг 2014, 19:24
Alecto
у меня загружены аватарки 140px, чтобы можно было рассматривать лица участников, но аватарки такого размера растягивают пост по высоте.
хочу сделать, чтобы аватарки отображались 90px, но при наведении мышкой увеличивались до полного размера.
Код: Выделить всё
$('.avatar img').attr('onmouseover', '$(this).stop().delay(100).css({width:"90px"}).animate({width:"140px"},1500);').attr('onmouseout', '$(this).stop().delay(1000).css({width:"140px"}).animate({width:"90px"},1500);');
как бы сделал, работает, понимаю что насовал лишних delay и stop, но хочу добиться, чтобы небыло прыгания аватарки при быстрых сменах маус ОН/ОФФ.
1 - вот с последним - проблема, прыгает, а по логике анимация должна прекратиться и начаться следующая.
2 - хотел привязаться к размеру картинки через toggle, но с этим тоже ничего не получилось, поэтому поставил фиксированные размеры.
jquery вопрос
Добавлено: 22 авг 2014, 19:31
Alecto
Код: Выделить всё
$('.avatar img').attr('onmouseover', '$(this).stop(true, true).css({width:"90px"}).animate({width:"140px"},1500);').attr('onmouseout', '$(this).stop(true, true).css({width:"140px"}).animate({width:"90px"},1500);');
может вот так?
вроде лучше, но если держать мышку на границе аватарки - происходит прыгание.
можно ли как-то в эту конструкция прикрутить
hoverIntent ?
jquery вопрос
Добавлено: 23 авг 2014, 03:16
Xisp
Может стилями? Зачем всё решать скриптами?
jquery вопрос
Добавлено: 23 авг 2014, 09:26
Alecto
При использование варианта цсс возникает проблема при уменьшении ширины окна, когда происходит адаптация просилвера. Если решить эту проблему, тогда да.