Привіт, дорогі читачі блогу. Сьогодні хотілося б розповісти Вам як зробити красиву стрілку для авто прокрутки від низу до верху сторінки з використанням CSS і JQuery. Даний спосіб можна використовувати для будь-яких типів сайтів, в тому числі і для блогів WordPress. Запевняю Вас, тут нічого складного немає, просто потрібно буде додати скрипт і не багато стилів, ось і все :-)
Приклад ι Завантажити вихідні
Для початку на нас потрібно буде прикріпити на сайт бібліотеку JQuery. звичайно ж якщо вона у Вас не варто, якщо стоїть, тоді пропустіть цю частину.
Тут потрібно просто між тегами
і поставити наступне:Потім, знову ж перед тегом потрібно прикріпити сам скрип JQuery стрілки. Його з прикладом і кодами Ви зможете завантажити тут. Тепер додаємо:
У моєму випадку вийшло ось так:
В кінцевому підсумку у вас повинно вийти наступне:
Але і це ще не все, тепер нам стрілку потрібно змусити працювати, для цього знову між
і поставте наступний скрипт:І тепер після того як ми впоралися з JQuery скриптами нам потрібно додати стилі CSS. так би мовити прикрасити кнопку. Навіть не те щоб прикрасити, а щоб взагалі її видно було :-)
Найголовніше не забудьте поміняти посилання на зображення в стилях, інакше стрілки видно не буде.
Ось в принципі і все. Так само обов'язково подивіться приклад того, що у мене вийшло
Олександр, у Вас дуже хороший блог, пізнавальний і якісно зроблений, з відмінною навігацією. Всі статті написані просто, без «наворотів». Найбільше дратує, коли людина скачав «буржуйський» скрипт, сам в ньому нічого не зрозумів, а в статті, мало що вказує що сам його придумав, так ще «вчить» як таке зробити, нічого толком не пише, а тільки прикривається термінами з довідника. Тому я читаю тільки іноземні блоги і дуже приємно, що і у нас є такий блогер як Ви, а то зовсім за державу обидно)))
Ігор, які слова :-) мені так приємно, чесно! Спасибі Вам величезне величезна. Я буду намагатися, чесно! З приводу навігації, окреме спасибі, тому що мені дуже важливо таку думку. І я радий що для користувачів вона зручна. Ще раз дякую :-)
Саня, ну ось ні як у мене не виходить стрілку зробити, начебто роблю все правильно. Бібліотеку прикріпив, скрипт вставив, шлях на нього прописав, картинку закинув, шлях до неї в стилях прописав, скрипт роботи стрілки додав.
Ну ось немає її і все. )
В неті багато прикладів подібного роду, але запропонований тобою мені здається більш простим.
Навіть не знаю що і робити :(
Пи.си. Браузер хром.
Дмитро, мені потрібно подивитися як Ви все робите. На Вашому сайті я не побачив прикріплену бібліотеку.