Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Встречал на сайтах плавающие ссылки, иконки и др

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: как это реализовать на своем сайте?
Поиск в теме | Версия для печати
Ejik
Отправлено: 13 Мая, 2013 - 12:27:13
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
Приветствую!!!!
Ребята нужна помощь, натыкался в инете на разных ресурсах на такие фишки как плавающие эл-ты, как они правильно называются не знаю, но суть такая при прокрутке страницы этот элемент всегда остается (но ни как в копанный, а с не большой задержкой, те. он как бы отстает, но потом плавно подтягивается на свое место) . Хотел узнать как это сделать. При помощь CSS получилось прикрепить элемент, но нет эффекта задержки. Как на зло не получилось найти сайт для примера. Но надеюсь что описал понятно Улыбка

(Отредактировано автором: 13 Мая, 2013 - 12:28:11)

 
 Top
Zuldek
Отправлено: 13 Мая, 2013 - 12:36:13
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)
 
 Top
DelphinPRO
Отправлено: 13 Мая, 2013 - 12:36:30
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
CODE (text):
скопировать код в буфер обмена
  1. http://jquery.page2page.ru/index.php5/Выполнение_пользовательской_анимации


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Ejik
Отправлено: 13 Мая, 2013 - 14:10:33
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
Спасибо, пойду читать как этим пользоваться Улыбка
 
 Top
Ejik
Отправлено: 14 Мая, 2013 - 12:07:54
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
М... да, как то сложно все. Не получается добиться нужного эффекта. Что то делаю не так.
В код страницы добавил:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  3. <script>
  4. jQuery(document).ready(function(){
  5.         jQuery('#set_email').stickyfloat({duration: 400});
  6. });
  7. </script>

Результата нет.
Если я правильно понял то jQuery('#здесь я указываю id нужного элемента').stickyfloat({duration: 400})
 
 Top
imya
Отправлено: 14 Мая, 2013 - 13:27:31
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
Ejik пишет:
М... да, как то сложно все. Не получается добиться нужного эффекта. Что то делаю не так.
В код страницы добавил:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  3. <script>
  4. jQuery(document).ready(function(){
  5.         jQuery('#set_email').stickyfloat({duration: 400});
  6. });
  7. </script>

Результата нет.
Если я правильно понял то jQuery('#здесь я указываю id нужного элемента').stickyfloat({duration: 400})


Подключить библиотеку jquery мало, нужно ещё подключить сам плагин stickyfloat Подмигивание


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
Ejik
Отправлено: 14 Мая, 2013 - 14:15:51
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
imya пишет:
Подключить библиотеку jquery мало, нужно ещё подключить сам плагин stickyfloat

каким образом?
 
 Top
imya
Отправлено: 14 Мая, 2013 - 14:26:02
Post Id



Участник


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Сент. 2012  
Откуда: Запорожье, Украина


Помог: 19 раз(а)
Ejik пишет:

каким образом?


Точно так же, как и jquery

Качаете http://dropthebit[dot]com/74/sticky-floating-box/

Потом после
CODE (javascript):
скопировать код в буфер обмена
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Пишите

CODE (javascript):
скопировать код в буфер обмена
  1. <script src="Путь к скачанному файлу"></script>


-----
PHP:
скопировать код в буфер обмена
  1. do {box != cat;} while (cat != box);


Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...
 
My status
 Top
Ejik
Отправлено: 14 Мая, 2013 - 21:43:23
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
Тоже не помогло, может ли причиной быть то что сайт на joomla 3.0? Конечно глупо, но в JS полный нуль.
 
 Top
Ejik
Отправлено: 17 Мая, 2013 - 10:15:48
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
так и не смог найти ошибку может кто подскажет что не так делаю.
в архиве файлы.
Скачать файл: test.rar
Скачан раз: 25
 
 Top
TroL
Отправлено: 17 Мая, 2013 - 11:16:30
Post Id


Гость


Покинул форум
Сообщений всего: 73
Дата рег-ции: Нояб. 2012  


Помог: 0 раз(а)
firebag-ом умеешь пользоваться? проверь нет ли в консоли какойнибудь ошибки, и проверь точно ли скрипты загрузились.
вобще скрипты на страницы должны идти таким порядком
подключаешь jquery
подключаешь всякие плагины для него
и далее должен идти скрипт
CODE (javascript):
скопировать код в буфер обмена
  1. <script>
  2. jQuery(document).ready(function(){
  3.         jQuery('#set_email').stickyfloat({duration: 400});
  4. });
  5. </script>
 
 Top
DelphinPRO
Отправлено: 17 Мая, 2013 - 11:44:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Ejik пишет:
может ли причиной быть то что сайт на joomla 3.0?


Заче вы в joomla 3.0 самостоятельно подключаете jQuery?
насколько я помню в джумле уже идет подключенный квери.
причем работает он в режиме noconflict (так как основным идет mootools) и это следует учитывать. в частности знак доллара ($) является ссылкой на объект mootools а не jquery


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
TroL
Отправлено: 17 Мая, 2013 - 12:53:28
Post Id


Гость


Покинул форум
Сообщений всего: 73
Дата рег-ции: Нояб. 2012  


Помог: 0 раз(а)
DelphinPRO пишет:
Ejik пишет:
может ли причиной быть то что сайт на joomla 3.0?


Заче вы в joomla 3.0 самостоятельно подключаете jQuery?
насколько я помню в джумле уже идет подключенный квери.
причем работает он в режиме noconflict (так как основным идет mootools) и это следует учитывать. в частности знак доллара ($) является ссылкой на объект mootools а не jquery

Есть такое, тоже хотел про это написать. но как в третьей линейке реализовано я не знаю на всегда или через плагин, если через плагин то надо убедиться что он включен
 
 Top
Ejik
Отправлено: 21 Мая, 2013 - 14:56:21
Post Id


Гость


Покинул форум
Сообщений всего: 110
Дата рег-ции: Окт. 2007  


Помог: 0 раз(а)
TroL пишет:
firebag-ом умеешь пользоваться? проверь нет ли в консоли какойнибудь ошибки, и проверь точно ли скрипты загрузились.

Я на нем обычно CSS проверяю. Ошибок нет.
TroL пишет:
вобще скрипты на страницы должны идти таким порядком
подключаешь jquery
подключаешь всякие плагины для него
и далее должен идти скрипт

В таком порядке и идет.
для проверке работает скрипт или нет вставил еще строчку
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('p').css('border', '3px solid red');
  3.  

Все теги Р обзавелись рамкой.
я даже создал страницу отдельно, не на джумле, но тоже тихо.
DelphinPRO пишет:
Заче вы в joomla 3.0 самостоятельно подключаете jQuery?
насколько я помню в джумле уже идет подключенный квери.
причем работает он в режиме noconflict (так как основным идет mootools) и это следует учитывать. в частности знак доллара ($) является ссылкой на объект mootools а не jquery

а для тех кто в танке можно написать что именно нужно сделать что бы заработало Улыбка
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Прочее »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB