Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Біжучий рядок за допомогою CSS (ticker css)
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Маю приклад, коли біжить рядок, а при наведенні зупиняється, але мені треба зробити дещо інше.
Є певний текстовий рядок, який не вміщається в батьківському елементі без переносу. Мені треба приховати весь текст, що не вміщається, але при наведенні, скажімо, на кінець рядка, рядок починає бігти щоб показати приховану решту.
Взагаліто бажано щоб рішення було на CSS, але якщо "ніяк", то можна і за допомогою JavaScript.
Тримайте
http://jsfiddle.net/Le5Lnneo/
Але там потрібно збільшувати кількість сек. для того щоб рядок певної довжини повністю прокрутити.
Отже, тепер маємо майже те що треба. Залишилось зробити щоб не в будь-якому місті реагував рядок на наведення, а щоб лише на область в кінці батьківського елемента, скажімо на трикрапку, яка натякає що ще є прихований текст.
Якщо вам просто "щось таке", то зробіть його paused, а в :hover - running.
А якщо треба точно елемент керування праворуч, то вже складніше. Я трохи погрався, але це незадовільно: http://jsfiddle.net/c4pdg0xv/1/
Облом в тому, що вся наша конструкція працює лише у хромі. Пробував у IE, Firefox то не працює.
Хоча я у javascript новачок, але у CSS3 ще менше тямлю. Мабуть все ж краще буде в javascript щось простіше і крос-браузерніше придумати.
Тому,що це фішки CSS3,вcього цього в старіших версіях браузерів немає.
Можете переробити з цього на js
http://a-cto.narod.ru/marquee/javascript.html
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
