Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

Преглед на урок

Въртене на текст и картинки - Marquee

Въртене на текст и картинки - Marquee




Поставете следния код във вашия сайт

Код
<marquee onMouseOver="stop();" onMouseOut="start();" scrollAmount="4">Тука пишете текста</marquee>

* С този код вашият текст ще се движи от дясно на ляво в сайта ви. Когато курсора на мишката е в/у него текста ще спре да се движи
* Можете да направите така че текста/картинката да не спре да се движи когато курсора на мишката е отгоре

Код
<marquee onMouseOver="scrollAmount=2" onMouseOut="scrollAmount=4" scrollAmount="4"><img src="http://bgsnooker.com/site/add3.gif" alt="" /> <img src="http://studio-bg.com/v2small.gif" alt="" /></marquee>
* scrollAmount="4" тука задаваме бързината с която да се движи текста
* Също така ви може да сложите картинки, които да се движат, а не само текст!

А ако искате картинките или текста да се движат нагоре се добавя direction="up"

Код
<marquee direction="up" onMouseOver="stop();" onMouseOut="start();" scrollAmount="4">Тука пишете текста</marquee>

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: svilka90

Коментари

denislav_11

мерси много :)

анонимен

В заглавието пише "въртене на текст и картинки", а в урока не пише код за въртене :(

Momchil-Nikola

Много благодаря! ИЕ има навика да слага синя рамка на изображенията, която ме вбесяваше и не знаях как да я махна. Било не толкова трудно, благодаря Ви! Имам едни друг проблем. При различните браузъри, монитори, устройства или при промяна на големината на страницата, изображенията не се променят и те по размер, а се надкачват едно върху друго. Можете ли да кажете къде греша?

denislav_11

@Momchil-Nikola , Според мен зависи от това какъв css си написал за картинките, или по точно за "position"-а. Може да видиш това, за css position:
http://www.w3schools.com/css/css_positioning.asp

Momchil-Nikola

Благодаря, непременно ще го видя!

telinc

Урокът е сравнително добре обяснен, но marquee тага не трябва да се използва никога. Ужасно стар е, невалиден е според едва ли не всички спецификации и нови бразури като нищо може да спрат да го поддържат. За такова нещо в модерни сайтове (и навсякъде, всъщност) трябва да се използват CSS анимации - по-нови, по-модерни и ти дават много повече контрол.

Momchil-Nikola

Благодаря и на двама Ви! Изчетох всичко и го пробвах, но се оказа, че не е CSS.
Забелязах, че се случва друго. Широчината на страницата въобще не се контролира. Нали, когато желаем да променим размера на браузъра, свиваме чрез квадратчето горе вдясно или хващаме кьошето долу в ляво, всяка една страница си остава непроменена. Но на долната страна на браузъра се появява плъзгач с две стрелки, които ни позволяват да местим страницата в двете посоки-ляво и дясно. Както и когато е дълга се мести отгоре надолу. При мен това липсва. Няма как да се мести страницата наляво и надясно и всичко-тескт и картинки, се събират едно върху друго. Сега се чудя! Какво съм написал или не съм написал, за да не може да се контролира широчината в ляво и дясно!
Можете ли да помогнете!

denislav_11

Решението което ще ти дам не е много оригинално, но пробвай с position: absolute,
http://jsfiddle.net/be7pw0t1/1/

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.