Бунёди Мундариҷаи Scrollable дар HTML5 ва CSS3 Бе ИЛТИМОС

Онҳое, ки шумо муддати дарозро HTML навиштанд, метавонанд унсури хотиррасониро гиранд. Ин унсури браузери мушаххас буд, ки баннерҳои матнро дар тамоми экран офаридааст. Ин элемент ҳеҷ гоҳ ба хусусиятҳои HTML илова карда шуд ва дастгирии он ба таври васеъ дар браузерҳо фарқ дошт. Одатан аксар вақт дар бораи истифодаи ин унсури фикру ақидаҳои хеле сахт доранд, ҳам мусбат ва манфӣ. Аммо оё шумо онро дӯст медоштед ё нафрат доштед, он мақсадеро,

Қисми таркибаш аз тарафи браузерҳо, ки аз фикри шахсии худ комилан иҷро нагардид, он аст, ки он таъсири назаррасе дорад ва аз ин рӯ, бояд аз HTML муайян карда шавад, ки ин сохторро муайян мекунад. Ба ҷои ин, таъсироти визуалӣ ва презентатсионӣ бояд аз ҷониби CSS идора карда шаванд. Ва CSS3 модули marquee илова мекунад, ки чӣ тавр браузерҳо ба унсурҳои маргарӣ илова карда мешаванд.

Хусусиятҳои CSS3 нав

CSS3 панҷ навъи нави навро барои кӯмак ба назорат кардани мундариҷаи худ дар марка: навъи маркетинг, маркетинг, маркетинг-санҷиш, мархе-самт ва маркетинг-суръат.

ранги пӯст
Моликии плостикӣ (ки ман ҳамчунин дар мақолаи CSS Overflow муҳокима карда шуд) сабки тарҷумаро барои мундариҷа муайян мекунад, ки қуттии мундариҷаро азбар мекунад. Агар шумо арзишро ба марҳамат ё мароқети муқаррарӣ мубаддал кунед, мундариҷаи шумо ба чап / рост (марка) ё боло / поён (маргарӣ-блок) ҳаракат мекунад.

тарзи навишт
Ин амвол муайян мекунад, ки мундариҷа ба назар мерасад (ва берун аз он).

Имкониятҳо ба пайвандҳо, слайдҳо ва алтернативҳо ҳаракат мекунанд. Силсила бо мундариҷаи пурра кушода оғоз меёбад, ва он гоҳ пас аз он ҳама экранро боз пурра боз мекунад. Слайд бо мундариҷаи бевосита экранро оғоз мекунад ва пас аз он мундариҷа ба таври пурра ба экран кӯчонида шудааст ва мӯҳтавои иловагӣ барои слайд дар слайд нест.

Ниҳоят, алтернативӣ мундариҷаи аз ҷониби тараф ба тарафҳо рӯ ба рӯ, бозгашт ва бозгашт.

бозӣ-бозӣ
Яке аз камбудиҳои истифодаи унсури Марк ин аст, ки мароқаи ҳаргиз қатъ намешавад. Аммо бо нармафзори моликияти styles, шумо метавонед ҷадвалро барои миқдори муайяни вақт ва барзиёд кардани он гузоред.

роҳнамоӣ
Шумо ҳамчунин метавонед, ки роҳнамоеро, ки мундариҷа бояд дар экран ҳаракат кунад, интихоб кунед. Арзиши пештара ва баръакс ба усули матн, вақте ки тарки варианти марбут ба марҷу мартаба ва болотар аст, вақте ки таркибпазирӣ маргар-блок аст.

Тафсилоти маргарин

ранги пӯст Роҳ ба забонҳо пештар баръакс
Маргарита Лот left рост
РТБ рост left
Маргарита блок то Тафтиш

суръати ҳаракат
Ин молу мулк муайян мекунад, ки мундариҷа ба зудӣ мундариҷа дар экран мегузарад. Арзишҳо суст, оддӣ ва зуд доранд. Суръати воқеӣ ба муҳтаво ва браузери он вобаста аст, аммо арзишҳо бояд сусттар аз ҳолати оддӣ, ки аз сусттартартартартар бошад.

Дастгирии браузер Дастгоҳҳои Marquee

Ба шумо лозим аст, ки пешакии фурӯшандаҳоро барои гирифтани унсурҳои CSS-ро ба кор баред. Онҳо чунинанд:

CSS3 Пешниҳоди фурӯшанда
пошхӯр-x: марка-хат; бағоҷи x: -webkit-marquee;
тарзи навишт -вебкит-маркет-style
бозӣ-бозӣ -вебкит-марка-такрор
Роҳхати маросим: пештар | бозгашт; -вебкит-марка-самт: боло | бозгашт;
суръати ҳаракат -вебкит-маркетинг-суръат
на баробар -вебкит-маркетинг-афзоиш

Амволи охирин ба шумо имкон медиҳад, ки чӣ қадар калон ё хурдро муайян кунед, ки қадамҳо бояд дар мӯҳтавои дар марҳилаи дар экран ҷойгиршуда бошанд.

Бо мақсади ба кор даровардани маросимҳо, шумо бояд аввалияти арзонеро пешакӣ ҷойгир кунед ва пас аз онҳо бо CSS3 арзёбиҳои мушаххас пайравӣ кунед. Масалан, дар инҷо CSS барои як маросиме, ки матни панҷгона аз чап ба рости дар қуттии 200x50 бармегардад.

{{
васеъ: 200px; баландӣ: 50px; фазои сафед: nowrap;
олӣ; пинҳон;
бағоҷи x: -webkit-marquee;
-вебкит-марку-самти: аломатҳои;
-вебкит-маркет-style: scroll;
-вебкит-маркет-суръат: муқаррарӣ;
-вебкит-маркетинг-афзоиш: хурд;
-вебкит-марка-такроран: 5;
пошхӯр-x: марка-хат;
Роҳнамои марбут: пештар;
сабки марка: паймоиш;
суръатбахшии суръат: муқаррарӣ;
маркетинг-ҳисобӣ: 5;
}}