Генерирайте тикер без JavaScript
Ако искате да създадете прост тикер за новини на вашия уебсайт или да посочите важно съобщение, можете да покажете текста като тикер. За това не е задължително да имате JavaScript функция, вместо това можете да използвате прост HTML маркер, който също има решаващо предимство пред JavaScript.
Недостатък на тикер с JavaScript
Въпреки че е сравнително лесно да се създаде движещ се текст с JavaScript, той има един основен недостатък.
- Например, JavaScript може да бъде деактивиран в съответния браузър на посетителя, така че функцията ви изобщо да не се показва.
- Можете да избегнете това, като просто добавите подходящия HTML маркер „marquee“ (англ. Използвайте „ticker“), който се поддържа от най -разпространените браузъри, въпреки че не е официално стандартизиран.
- Независимо дали използвате JavaScript или маркера за маркиране, трябва да сте наясно, че текущият текст може да се възприеме като досаден от вашите посетители. Днес, с изключение на информационните тикери, тикерите много рядко са част от съвременните уебсайтове, за да можете по -добре да посочите определен аспект с ясни структури и съвпадение на цветовете Трябва.
Използвайте Marquee в HTML код
HTML маркерът „marquee“, подобно на повечето тагове, има проста структура, така че по принцип трябва само да напишете маркера, за да генерирате тикер.
Създайте тикер за новини за начална страница - така работи
Ако искате да добавите функция за отчитане на новини към началната си страница, можете да направите това ...
- Това би било достатъчно за вас пишете на желаното място. В резултат на това текстът „Вашето съобщение“ ще се движи стабилно наляво от десния ръб на изображението.
- Ако искате да промените тази посока, имате нужда само от атрибута "посока". Посока) и след това въведете английската посока. Така че, ако искате текстът да се движи отляво надясно, ще трябва пишете, защото посоката на движение трябва да е надясно.
- Така че тикерът винаги се движи напред -назад, т.е. автоматично превключва в друга посока, веднага щом се достигне ръба на картината, можете да използвате атрибута "поведение" със стойността "алтернативен" използвайте. Например, може да изглежда така:
Твоето съобщение. - Също така имате възможност да повлияете на скоростта на превъртане на текста, като използвате двата атрибута „scrollamount“ и „scrolldelay“. Атрибутът "scrollamount" определя степента, до която съответният текст трябва да се движи с всяка стъпка, т.е. колко пиксела трябва да скочи напред. Атрибутът "scrolldelay" определя времето между отделните скокове, т.е. съответното забавяне. Бързо напредващият текст може например да започне с „ да се генерира.
- И накрая, можете също да проектирате тикер зоната. Например, имате възможност да зададете "височина" на зоната с маркировка, един Задайте цвета на фона или коригирайте цвета на шрифта на текста, като последният се основава на допълнителния тагове за шрифтове са възможни. За област с височина 50 пиксела, която трябва да има черен фон и бял шрифт, ще трябва да напишете: .
Колко полезна ви е тази статия?
