Natija:
Tiker
○ belgining balandligi va kengligi
Marquee balandligi va kengligini o'rnatish uchun "kenglik" va "balandlik" atributini "marquee" tegiga qo'shing:
Natija:
Tiker
○ ticker harakati
"Marquee" tegiga quyidagi qiymatlar bilan "xatti-harakat" atributini qo'shing:
aylantirish - ;
slayd - chiziq o'z yo'lini bir chetidan boshlaydi va ikkinchisida to'xtaydi;
muqobil -
Natija:
oddiy aylantirish (standart)
Ticker bir chetidan siljiydi va ikkinchisida to'xtaydi
chiziq chetdan chetga siljiydi
○ belgining yo'nalishi
“Marquee” tegiga quyidagi qiymatlar bilan “yo‘nalish” atributini qo‘shing:
chap -;
o'ngga - matnni o'ngga siljitish;
yuqoriga – matnni pastdan yuqoriga siljitish;
pastga - matnni yuqoridan pastga siljitish
Natija:
matnni chapga siljitish (standart)
matnni o'ngga siljiting
matnni pastdan yuqoriga siljitish
matnni yuqoridan pastga siljitish
○ ticker tezligi
Marquee harakat tezligini rostlash uchun “scrollamount” atributini “marquee” tegiga qo‘shing:
Qiymat qanchalik baland bo'lsa, tezlik shunchalik yuqori bo'ladi.
Natija:
Tiker
○ emaklash chizig'i harakati oralig'ining kechikishi
Tezlikni sozlashingiz mumkin bo'lgan yana bir xususiyat. Qiymat qanchalik baland bo'lsa, tezlik shunchalik past bo'ladi. "Marquee" tegiga "scrolldelay" atributini qo'shing:
Natija:
Tiker
○ ticker o'tishlar soni
Agar siz marquee o'tishlarining ma'lum sonini belgilashingiz kerak bo'lsa, "ko'chadan" yorlig'iga "loop" atributini qo'shing:
Misolda, qiymat "2" dir, ya'ni faqat ikkita o'tish bo'ladi.
○ oʻrmalab ketuvchi chiziq chegaralari
Agar chap va o'ng chegaralarni belgilashingiz kerak bo'lsa, "marquee" tegiga "hspace" atributini qo'shing:
Natija:
Tiker
Tikerga rasmni qanday kiritish kerak
Rasmga belgi qo'yish uchun teglar orasiga kiriting sizga allaqachon ma'lum
:
Natija:
![](https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/09/2.gif)
Teg uchun barcha atributlar
Tikerga havolani qanday kiritish kerak
Bugun hammasi shu! Keyingi darsda sizni kutaman. Omad!
Oldingi xabar
Keyingi kirish
Tiker
Tiker ochilish tegi yordamida hosil qilingan (yopish belgisi kerak).
width=″…″ - oʻrmalovchi chiziqning piksellardagi kengligi yoki ekran kengligining ulushi.
Balandlik=″…″ - oʻrmalovchi chiziqning piksel yoki foizdagi balandligi. (Agar siz bitta satrda o'rmalovchi chiziq qilsangiz, unda balandlikni belgilashingiz shart emas, u avtomatik ravishda harflar o'lchamiga moslashadi).
bgcolor=″…″ - sudraluvchi chiziqning fon rangini belgilaydi.
davranış=″…″ sudraluvchi chiziqning harakat turini (xulq-atvorini) belgilaydi va quyidagi qiymatlarga ega
aylantirish - matnni bir uchidan ikkinchisiga davriy ravishda aylantirish
slayd - matn bir chetidan ko'rinadi va boshqa chetida to'xtaydi.
muqobil - matn bir chetidan ikkinchisiga va orqaga siljiydi.
direction=″…″ - sudraluvchi chiziqning harakat yo'nalishini aniqlaydi. Quyidagi ma'nolarga ega:
chapga - matn chiziq bo'ylab chapga siljiydi
o'ngga - matn chiziq bo'ylab o'ngga siljiydi
yuqoriga - butun chiziq pastdan yuqoriga siljiydi
pastga - chiziq yuqoridan pastga siljiydi
scrollamount=″…″ - matn belgilangan vaqt oralig'ida harakatlanadigan piksellardagi chiziqdagi harakat qadami. Masalan
scrollamount= ″1″
scrollamount= ″2″
scrollamount= ″3″
scrolldelay=″…″ - Bu atribut ticker qadamlari orasidagi vaqt oralig'ini millisekundlarda belgilaydi. Masalan
scrolldelay=″100″
scrolldelay=″200″
scrolldelay=″300″
loop=″…″ - oʻzgaruvchan matnning oʻtishlar sonini belgilaydi. Odatiy bo'lib yoki siz -1 (cheksiz) qiymatini belgilasangiz, brauzer matnni cheksiz ko'p marta aylantiradi.
hspace=″…″ - Bu atribut belgining o'ng va chap tomonidagi piksellardagi chegarani belgilaydi.
hspace=″10″
hspace=″0″
vspace=″…″ - Bu atribut belgi ustidagi va ostidagi piksellardagi chekinishni belgilaydi.
hspace=″0″
hspace=″10″
Markazlashtirilgan kodning boshida joylashgan va kod oxiridagi yopish yorlig'i.HTML - ticker kodlari
Matningizni shu yerga joylashtiring
Sizning matningiz
Sizning matningiz
Obuna bo'lganingiz uchun RAHMAT!
ishlaydigan matningiz
ishlaydigan matningiz
Sizning xabaringiz shu yerda
ishlaydigan matningiz
ishlaydigan matningiz
ishlaydigan matningiz
ishlaydigan matningiz
ishlaydigan matningiz
sizning matningiz shu yerda
Sizning hayajonli xabaringiz bu erda
Saytga tashrif buyurganingiz uchun tashakkur!
SIZNING MATN maqola sharhlari
<
Ko'pincha veb-saytingizni yozishda yoki uni boshqarishda saytga o'rmalovchi chiziqni o'rnatish kerak bo'ladi. Ushbu dizayn elementi tashrif buyuruvchilarning e'tiborini saytning kerakli bo'limlariga qaratadi, shuningdek, birinchi navbatda kerakli mavzuni ko'rish imkonini beradigan ma'lum ma'lumotlarni ta'kidlashi mumkin.
![](https://i1.wp.com/img-fotki.yandex.ru/get/9836/65387414.3fc/0_ed881_5c3e2877_orig.gif)
Ular tickerdan turli maqsadlarda, masalan, reklama xabarlari, yangiliklar, aksiyalar, e'lonlar, rasmlar, kulgichlar, bannerlar va boshqalar uchun foydalanadilar.
![](https://i2.wp.com/img-fotki.yandex.ru/get/4127/65387414.119/0_c73e7_d662a368_orig.gif)
Veb-saytda ticker yaratish nokni otish kabi oson.
Yugurish chizig'ini yaratish uchun ushbu maxsus teg "marquee" dan foydalaning, bu sizga yugurish chizig'ini yaratishga yordam beradi. Dastlab u faqat Internet Explorer brauzerida ishlagan bo'lsa, hozir deyarli barcha brauzerlarda (men faqat Google Chrome da tekshirmadim), boshqalarda yaxshi ishlaydi.
1. CHIPTANI STANDART YOZISH quyidagicha::
Ishlayotgan matn
Ushbu teglar orasiga sarlavha, salom, e'lon qo'ying (MY WORDS "TICKING TEXT" o'rniga) va siz belgiga ega bo'lasiz. Bu BU kabi ko'rinadi.
CHIRILIShI CHIPTIRISH
Yugurish chizig'i nafaqat matn, balki rasm va ba'zi saytlarga havola ham bo'lishi mumkin. Bu chiroyli yozuvlarni yaratadigan saytlarda yaratgan har qanday matn bo'lishi mumkin. Masalan, oldingi postdagi "yonib turgan matn" kabi.
Matnni postdagi kabi formatlash mumkin. Masalan, uni katta, qalin, rangli, kursiv va hokazo qilaylik.
Va o'z tasavvuringizni ko'rsatish yoki kundalikingizda matnlardan foydalanish maqsadlarini belgilash orqali siz o'z postlaringiz uchun yugurish satrlarini yozish uchun juda ajoyib variantlarni topishingiz mumkin.
Men sizga eng keng tarqalganlarini ko'rsatishga harakat qilaman.
2. Yugurish chizig'ining kengligi va balandligi ma'lum parametrlar bilan o'rnatilishi mumkin, ya'ni chiziqning kengligi va balandligini o'rnatish. Endi formula shunday ko'rinadi.
Belgilangan qator bloklari o'lchamlari
Qayerda kengligi ""- chiziq uchun blok kengligi
balandlik ""- chiziq uchun blok balandligi
Bu shunday ko'rinadi.
Chiziqning balandligi va kengligi ko'rsatilgan.
3. CREAKING LINE FORMASINI O'ZGARTIRISh.
Yugurish chizig'ining fonini kerakli narsaga o'rnatish mumkin. Bu formula. Chiziq o'lchamlarini belgilash shart emas. Men ularni birinchi formulaga qo'ydim, lekin ikkinchisiga emas.
ROW fonini o'zgartirish
Qayerda bgcolor=""- fon rangi parametrini o'rnatish atributi
Bu shunday ko'rinadi
ROW fonini o'zgartiring
kengligi va uzunligini ko'rsatmasdan, LINE fonini o'zgartiring
4. CHAPDAN O'NGGA HARAKAT.
Sukut bo'yicha chiziq o'ngdan chapga siljiganligi sababli, buning aksini qilish uchun biz ushbu formuladan foydalanamiz.
Chapdan o'ngga harakat
Qayerda chap- o'ngdan chapga harakat (standart)
to'g'ri- chapdan o'ngga harakat
Bu BU kabi ko'rinadi
CHAPDAN O'NGGA HARAKAT.
5. IKKI YO'LDA DOIMIY HARAKAT.
Chiziqning harakatini doimiy ravishda o'rnatishingiz mumkin, ya'ni u har ikki yo'nalishda ham navbatma-navbat harakatlanadi ... Mana formula.
Qayerda muqobil
Bu BU kabi ko'rinadi
IKKI YO'LDA DOIMIY HARAKAT
6. Pastdan yuqoriga HARAKAT.
Chiziq yoki rasm nafaqat turli yo'nalishlarda, balki pastdan yuqoriga ham harakatlanishi mumkin. Bu erda chiziqda (ayniqsa, balandlikda) yoki rasmda chegara o'rnatish yaxshiroqdir, aks holda u butun sahifa bo'ylab ishlaydi va juda ko'p joy egallaydi. Bu formula.
>pastdan yuqoriga
Qayerda yuqoriga- pastdan yuqoriga harakat qilish
Bu BU kabi ko'rinadi
TIKICH YOKI RASMNING POSTDAN YUQORIGA HARAKATI
7. YUQORIDAN PASTGA HARAKAT.
Siz matnni YUQORIDAN PASHG‘A siljitishingiz mumkin va aksincha. Bu formula.
Yuqoridan pastga
Qayerda pastga- yuqoridan pastgacha harakatlanish
Bu BU kabi ko'rinadi
TIKI YOKI RASMNI YUQORIDAN PASTGA HARAKATI
8. TEZLIKNI sekinroq tezlikka o'zgartiring.
Tikuv tezligi ham o'zgartirilishi, tezroq yoki sekinroq bajarilishi mumkin. Buning uchun quyidagi formuladan foydalaning.
Tezlikni sekinlashtirishga o'zgartiring
Qayerda xatti ""- tikuv turini o'rnatuvchi atribut
muqobil- o'zaro harakat
yo'nalish=""- yo'nalishni belgilovchi atribut
scrollAmount="1"
Bu BU kabi ko'rinadi
TIKISH TEZLIGI
9. TIKINI YUQORIDAN PASTGA VA VITSINA SESTIN HARAKATI.
Bundan tashqari, tikuv tezligini yuqoriga va pastga sozlashingiz mumkin. Buning uchun quyidagi formuladan foydalaning.
Matnni pastdan yuqoriga va aksincha sekin harakatlantirish
Qayerda muqobil- o'zaro harakat
yo'nalish=""- yo'nalishni belgilaydigan atribut (bizning holatda, yuqoridan pastga va aksincha)
scrollAmount="1"- chiziq harakati tezligini o'rnatadi. Tezlik raqamini o'zgartirish mumkin.
Bu BU kabi ko'rinadi
Matnni pastdan yuqoriga va aksincha sekin harakatlantirish
11. TASVIR BILAN TIRISH.
Men allaqachon yozganimdek, nafaqat chiziq, balki har qanday rasm ham harakatlanishi mumkin. Yuqoridagi barcha formulalar rasmlarga ham tegishli. Faqat WORDS o'rniga rasmning HTML kodi kiritiladi. Bu erda har qanday harakat parametrlarini qo'shishingiz mumkin bo'lgan formula mavjud.
Asl rasm.
![](https://i1.wp.com/img-fotki.yandex.ru/get/6521/65387414.3/0_aec4e_6e0938ad_orig.gif)
Keling, ticker formulasini qo'shamiz va u BU kabi ko'rinadi
![](https://i1.wp.com/img-fotki.yandex.ru/get/6521/65387414.3/0_aec4e_6e0938ad_orig.gif)
Bular tickerlarning oddiy misollari va agar siz o'z tasavvuringizdan foydalansangiz, veb-saytlaringiz uchun tickerlarni yozish uchun juda ajoyib variantlarni topishingiz mumkin.
SHU FORMULALARNI YANA YANA, barcha parametrlari bilan yozaman. (ya'ni har bir yangi formulaga yangi qiymat qo'shiladi va shuning uchun formula uzunroq va uzunroq bo'ladi. Agar sizga HAMMA PARAMETRELAR kerak bo'lmasa, yuqoridagi formulalarni oling, har bir parametr alohida mavjud)
SODDDA STRING - SUNUMBELGILANGAN QATLAR O'lchamiCREAKING LINE FORMASINI O'ZGARTIRIShCHAPDAN O'NGGA HARAKATIKKI YO'LDA DOIMIY HARAKAT
PASTGA YUQARIYUQORIDAN PASTGATIKISH TEZLIGIMATNING YUQORIDAN PASTGA VA ORINSINISHIGA sekin harakatlanishiSAYT SAYTGA SAYTGA HAVALE (NAME)
Ushbu parametrlardan birini o'zingiz olib tashlashingiz mumkin. Misol uchun, har bir satr uchun alohida fon kerak emas, keyin siz ushbu parametrni ehtiyotkorlik bilan o'chirib tashlaysiz.
![](https://i0.wp.com/img1.liveinternet.ru/images/attach/c/11/115/84/115084589_SRRRRRS1.jpg)
Yoki tikuv o'lchamlarini o'chiring. Faqat formula QUOTES burchagida bo'lishi kerakligini unutmang, shuning uchun ularni olib tashlamang.
![](https://i0.wp.com/img1.liveinternet.ru/images/attach/c/11/115/84/115084591_SRRRRRS2.jpg)
Jasorat bilan harakat qiling va muvaffaqiyatga erishasiz.
Keyingi katta bobni o'rganishga o'tishdan oldin, men sizga qandaydir tarzda umumiy tartibdan chiqib ketgan ba'zi kichik narsalar haqida bir oz aytib beraman, lekin ba'zida ularsiz qilolmaysiz. Bular, obrazli qilib aytganda, html elementlari tillar ma'lum bir sahifani yaratishda tez-tez duch keladigan bir qator muammolarni hal qilishga yordam beradi, shuning uchun ularni mensimaslik kerak.
Maxsus belgilar
Ba'zan va hatto tez-tez, masalan, ushbu saytda, matn "kamroq" belgilarisiz bajarilmaydi -< и "больше чем"- >, lekin brauzerlar aniqlasa nima bo'ladi<слово>yoki bu belgilarga teg sifatida kiritilgan va shuning uchun uni monitorda ko'rsatmaydigan iborami? Yoki aytaylik, siz haqiqatan ham matnga biror narsa yozishingiz kerak<тег>, lekin brauzerga boshqa buyruq berish uchun emas, balki uni sahifaga tashrif buyuruvchilarga yozishga misol keltirish kerakmi?
Ushbu maqsadlar uchun maxsus belgilar deb ataladigan narsalar ixtiro qilingan.
Masalan, maxsus belgi <
- bu matnning bu joyiga belgi qo'yish kerakligini anglatadi< а спецсимвол >
> belgisi bilan belgilanadi.
Barcha maxsus belgilar & - belgisi bilan yozila boshlaydi, bu belgi brauzerga maxsus belgining nomi kelishini va uni matn sifatida emas, balki buyruq sifatida qabul qilish kerakligini bildiradi. Bu erda yana bir savol tug'iladi: ekranda ko'rsatish uchun mo'ljallangan matnga & - ampersand belgisini qanday qo'yish kerak?
& belgisi ham o'ziga xos xususiyatga ega - &
Bu erda chalkashlik paydo bo'ladi ...
Bundan tashqari, ehtimol alohida e'tibor alohida belgiga loyiq - bu buzilmaydigan bo'shliq biz allaqachon duch kelganmiz. Gap shundaki, siz bloknot yoki html muharririda matn yozganingizda, so'zlar orasiga xohlagancha "oddiy" bo'shliqlar qo'yishingiz mumkin, lekin sahifa brauzer tomonidan o'qilganida, ularning barchasi "o'chiriladi" va bo'ladi. sahifadagi so'zlar orasida bittadan ortiq bo'sh joy bo'lmasligi kerak. Bu ko'pincha matn dizayni bilan bog'liq muammolarga olib keladi; masalan, qizil chiziq yaratishning hech qanday usuli yo'q ... shuning uchun odamlar maxsus belgi bilan chiqdilar; u brauzer tomonidan bo'sh joy sifatida emas, balki belgi sifatida qabul qilinadi, faqat inson ko'ziga ko'rinmas.
Va u buzilmaydi deb ataladi, chunki bunday bo'shliqlar guruhi bir butun so'z sifatida qabul qilinadi, shuning uchun agar jumla belgilangan ramkalarga yoki deraza chetiga to'g'ri kelsa, u keyingi qatorga o'tkazilmaydi. Shunday qilib, oynada gorizontal aylantirish paneli paydo bo'lishi mumkin, agar sizga kerak bo'lmasa, ular orasida muntazam bo'sh joy qo'ying.
Maxsus belgilardan foydalanishga misol:
misolda misol
Misol ichidagi misol... cheksizlik haqidagi falsafiy fikrlarni uyg'otadi...
Xo'sh, endi siz ushbu misollarning barchasi "ekranning boshqa tomonida" qanday ko'rinishini bilasiz. Aytgancha, men harbiy sirlarni oshkor qila boshlaganimdan beri, bu misol ikkita katakdan iborat jadval bo'lib, chap tomondagi ingichka bittasi sof dekorativ funktsiyani bajaradi.. shuning uchun siz hech qanday tarkibsiz jadval katakchasini chizish vazifasiga duch kelsangiz, unga bo'sh joy belgisini kiriting. Qoidani eslang<тег>bu yerda biror narsa bo'lishi kerakтег>? Maxsus bo'shliq belgisi bu holatda chiqishlardan biridir.
Yuqoridagilarga qo'shimcha ravishda, u erda yo'q bo'lgan bir qator maxsus belgilar mavjud: burjlar, kartalar kostyumlari, tayoqlar, nuqtalar, Rojdestvo daraxtlari, dumaloqlar, fraktsiyalar ... Ular endi ba'zi "maxsus" vazifalar uchun mo'ljallanmagan. , lekin klaviaturada bu belgilar yo'qligi sababli ularning rolini shunchaki bajaring. Siz mening maxsus belgilar "to'plamim" ni ko'rishingiz mumkin
Menimcha, bu juda oddiy va samarali.