CSS: меңзеу. Бастапқы Hover-әсерлер

ол құрылған және өңделген код ақпарат тұсаукесерін бөлуге идеясы түбегейлі жаңа болды. Ол уақытында күшті шешім болды, бірақ бұл жолы толығымен содан кейін танылған жоқ. бағдарламалау бір компьютерден бөлінген, бірақ жергілікті желі немесе бір домен аймағында жеңіске, және бірден барлық жерде таралған, бірақ содан кейін ол (дизайн тұрғысынан) ақпараттың бұл ереже айқын болды және (код тұрғысынан) онымен жұмыс жасамады кезде - екі сол жазықтықта жағы.

сайт ғимараттың үш қырын

PHP-код, JavaScript-код және CSS стильдер сипаттамасы: көзқарас ресми тұрғыдан алғанда, сайтты құрайды үш негізгі компоненттері (түрлі guises синтаксисінде) бар. Ол қалай пайдаланылатыны маңызды емес және нақты компоненті қандай нұсқасы қандай HTML нұсқасы пайдаланылады және қандай браузердің нұсқасын ол тұр. кодталған және кодталған қандай екенін, көрсетіледі және орындауға болады: кез келген уақытта мерзімі өткен, өйткені үйлесімді бүгін, намыс жоқ.

Бұрын тілі идеясы үшін күрескен болса, енді бекер күресуге интернет технологиялар мен браузерлердің саласындағы өндірушілер стандарттарын қалайды.

Жеке және қоғамдық

Интернетке қол жеткізу, ол бойынша қаражат, (компьютерлер, ноутбук, планшет, смартфондар), браузерлер, көп тым, мол. жеке құрылғы бұл әзірлеуші құрылды, онда түрінде сайты көрсету деп кепілдік жоқ. әрқашан мақсатты соңғы күш жетеді, және бірыңғай веб дизайн қамтамасыз ол қонаққа ашуға болады қай жерде, сол бірлік дисплейдің мәні, көптеген беттерін бар емес.

, Жеке және мемлекеттік бөлісу дизайн елеулі табыстарға қол жеткізуге болады, тек қандай жұмыс істейді, соңғы пайдаланып. Сұлулық, көркем сәт және веб-дизайн - тиісті сарапшылар мен таланттар мұралық жер. CSS - кодты, өте тән, дегенмен. мәнерлерді (дисплей параметрлері) сипаттау үшін оның алаңдаушылық. БАҚ сұрау нақты кодтауды жүктеу ұялы құрылғылар CSS келуімен. жобалау және коды арасындағы қайта неке опция, сондықтан - ол жай ғана бірнеше жыл бұрын көрінді соншалықты жанаспайтын емес.

әзірлеуші сіздің жеке тәжірибесіне негізделген даму CSS-стильдер айналысатын және ең келушілерді қанағаттандыратын ең браузерлердің жұмыс істейтін сол CSS дизайн дәлелденген. бірінші және екінші ең төменгі, мүмкіндігінше, содан кейін әлдеқайда жүзінде кез келген жерде жұмыс істейді нәтиже алу үшін, бәлкім, кез келген уақытта ретінде пайдаланылуы тиіс.

Бірінші ереже: Стандартты үміт, сонымен қатар өздері көмектеседі кім

CSS: апарыңыз - тінтуірдің элемент бетінде «кеткен» кезде. тінтуір элементі басылғанын кезде, ол белсенді болып, бірақ курсор жаққа барады кезде, ол қайтадан өзгерту, және белсенді күйде өздерін көрсете алады. «: Hover», «белсенді» және «барып» - стильдер сипаттамасында ең танымал жалған сыныптар.

Бұл элементтер астам тінтуірдің қозғалысы сияқты ұсақ туралы алаңдатты емес сіздің сайт код өте ыңғайлы. стильдер екі сипаттау сипаттайтын кестеде қамтамасыз ету:

элементі {

түсі: қара;

}

элементі: Hover {

түсі: ақ;

өң-түсі: жасыл;

}

ақ қара мәтінді түсін өзгерту, және жасыл элементі фонын өзгерту автоматты түрде элементінде тінтуірді апарғанда алыңыз. Жалған кез келген элементке қолданылатын және көрнекі әсерлер кең ауқымды қол жеткізу мүмкін.

Екінші ереже: сенім стандарттар, оның коды басшылыққа алады

прогресс қару-жарақ жабдықталған компьютерлер мен ноутбуктер қалды, және ұялы байланыс саласындағы жетістіктері смартфондар, планшеттер мен осындай құрылғы өте проблемалы болып табылады қосылу басқа ұялы құрылғылардың пайда болуына әкелді емес, егер бәрі жақсы болар еді.

Екінші жағынан, тек арнайы сенсорлық экран гаджет жабдықталған, ол смартфондар, планшеттер және ұқсас құрылғыларға әдеттегі айналды ретінде, тікелей сенсорлық экранда саусақтарыңызды айлалы қол жетімді.

Онда айтарлықтай айырмашылық болып табылады және: Hover біз қалағандай емес, мұнда жұмыс істейді. Жоқ коды істеу мүмкін емес, және БАҚ сұрау пайдалану емес, барлық сұрақтарға шешеді.

Сыйысымдылық - ақпаратты бүгінгі әлемде тым қымбат, сондықтан, мүмкіндігінше ең аз қажетті жағдайларды пайдалануға басшылыққа функционалдық веб жобалау және іске асыру үшін белгіленген талаптарға, ішінде Сайт дұрыс функционалдық қамтамасыз ету үшін: CSS Hover, CSS Hover фокус, белсенді CSS Hover (аралады) . (Браузерде және серверде сияқты) одан коды жақсы, веб-дизайн бақылайды. Бағдарлама - бұл бақылау жиі күтуге білмеймін, ағымдағы стандарттарды мейірімділік, бойынша жалға емес, ол кезде жақсы, бақылау болып табылады.

Түймешіктер мен беттің басқа элементтері

Button Hover CSS - тамаша шешім, бірақ ұзақ мерзімді перспективада, әрбір беттің элементі «батырмасы» болып табылады. сайт ең алдымен тірі болуы мен міндеті, кем дегенде, CSS-стильдер арқылы жандылығы бет элементтерін бере алады, содан кейін келушінің мінез-құлық негізінде барабар ауқымын және актілерді әзірлейді сайт жасау болып табылады, егер коды, салынған, егер керек.

ыңғайлы Hover-әсерлерді пайдаланыңыз. олардың көмегімен, сіз оңай беттер жандылығы, бірақ ол оның қозғалысын қадағалау мүмкін емес, егер коды, экранда тышқан етеді білмейді, бере алады. Осы тұрғыдан алғанда, бұл, қашан коды бақылау тінтуір қозғалысы (смартфон саусақтарыңызды = қозғалысы) болып табылады, ол өз бетінше элементті бөлектеу мүмкін немесе оны түрлендіруге. Ол псевдо-сыныптарымен ештеңе жоқ, бірақ барабар әр түрлі браузерлерде түрлі құрылғыларда оны көрсету үшін код бет келбеті, толық бақылау береді.

стилінде тұзақтан

CSS стильдер саласындағы стандартты Олар не істеп жатқандарын білмейді, бұл мүмкін емес деп айтуға, бірақ олар толығымен интернет бағдарламалау саласындағы басқа да стандарттарды ынтымақтасуға деп айтуға мүмкін емес.

Мәнерлер және жалған кластар сервер бетті жасайды кезде, бет кодтау сатысында сипатталған және динамикасы браузерінде қазірдің өзінде болады, сіз оңай жаңа стиль жасау және қолданыстағы біреуін өзгертуге болады.

келушінің әрекетке жауап көрсету үшін қайта генерациялау бет қажеті жоқ кезде, AJAX технологиясын пайдалану, және бұл элементті немесе бірнеше элементтерді өзгерту үшін жеткілікті болып табылады сәл «бұрыш» қосады. «Достық» коды - автор (бағдарламашы) сайтында мұралық жер - бұл браузер (JavaScript) және іс жүзінде сервер (PHP) осы бұрыннан бар.

Осы өзара іс-қимыл алгоритмі орындалатын болады қалай, айтарлықтай оның элементтерінің бетінде дисплейінде ғана тәуелді емес, сонымен қатар одан әрі код олардың қабылдау. Басқаша айтқанда, (атап айтқанда,) жалған жеңіл Бриз айқын теңізде желкенді яхта үшін сияқты, статикалық үшін өте жақсы - бәрі, айқын қолжетімді және басқарылатын болып табылады. Ауа райы өзгерістер, немесе қашан жел күшті, немесе келушілерге күтпеген жағдайды себеп болады, онда сіз тез рифе түсіп және қонақты жоғалтып алады.

Стандартты және оның эмуляциясы

Стиль CSS Hover onmouseover пайдалану арқылы және оқиғаларға onmouseout, JavaScript арқылы жүрдік болады. Жиі бұл барлық аяқталады. ол нақты жұмыс сайты жасау үшін келгенде ортақ мағынада тұрғысынан, ол өзгереді және әзірлеуші тілегі екенін мифтік стандарттарын мейірімділік оны беруге қарағанда, олардың қолында бақылау сақтауға жақсы.

Кейде сіз осы функция да IE «қол жетімді, бірақ көп нақты браузерді сипаттайды қабылданады не стильдер туралы оқуға болады», бірдеңе сияқты оқуға болады. Әлдеқайда аз JavaScript түрлі браузерлерде түрлі қалай туралы біле аласыз.

, Тәжірибе бағалау ерекшеліктері «Chrome» және «Опера» любуясь, «Microsoft» кез келген бағдарламашы бастап яғни Құрметті ұмытылмас өндіруші (алынған браузердің медлительности және инерция сынап: «жақсы ескі Internet Explorer компьютерде ғана жалқау немесе кімде-кім қарғыс емес. нені барлық жерде жұмыс істейді және барлық уақытта пайдалану: - «,» Пасьянс «ойнауға біледі тек белгісіз авторы Интернет белгіленетін), алтын орта ұстануға тиіс.

олар өткір сезім алу қажет болған кезде адамдар, олар, әдетте, АХАЖ немесе театр, бірақ Интернет баруға, жұмыс істеуге құралдары қажет.

Эмуляция және бақылау

бағдарламалау оның аяғынан алу кезде Бұрын, ол егде тыңдауға және дұрыс жазуға әдеттегі болды. Бүгін тым көп қарт, тым тез бәрі өзгеруде, және сіз барлық уақытта тыңдауға, егер ең төменгі функционалдық сайтында, тіпті өте қарапайым тапсырма үшін жеткіліксіз.

Бағдарламалау - бұл ең алдымен бақылау болып табылады, ал егер стандартты пристрастной жиынтықтар ережелері, немесе сіз өткір ережелерінің өзгеруі, оны таратуды және жаңа пайда күтуге болады, жақсы шешім әрқашан кез келген шешімдер қабылдауға емес болды, және мүмкіндігінше аз қажетті сайт функционалдық жүзеге асыру, бірақ шын мәнінде жұмыс істейтін коды .