JQuery кітапхана: Сіздің веб-сайт үшін жайыңызды

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

Веб беттегі жүгірткіні қалай қосуға болады?

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

Өзіңіз арқылы сырғытпаны жасау: HTML коды

Біріншіден, онда бастау - Жүгірткі болашақ орналасуын тіркеуге болады.

1. Біздің слайдтар (суреттер, т.б.) барлық қамтитын болады HTML-файл Слайдшоу бірлігіне, жылы құрылған.
2. Ол әрбір тармақ жеке слайдты сақтайды, UL тізімін жатып.

Біз CSS бар жұмыс істейді

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

• Слайдшоу құрылғыдағы слайд (немесе сурет мазмұны) оң сәтте, бір ғана көрсетеді, ал қалған жасырын болды көз жеткізіңіз;
• Слайдтар (солдан оңға қарай) бірінен соң бірін ұйымдастырады;
• жылжымалы (сол жақ және оң жақ) слайдтарды сақтайды уль-контейнер, істеу.

Бұл әрекетті орындау үшін, CSS-файлындағы келесі параметрлерді орнатыңыз:

• Толып-Y жылжу - - Толып кеткен-х жасырын: Слайдшоу үшін:
• қ арналған: флоат - қалдырды.

Сондай-ақ, сіз т.б., ені (ені) параметрлерін орнату биіктігі (биіктігі), фондық (фон) және аласыз.

Біз JQuery осы кодты қоюға

HTML және CSS барлық қажетті өзгерістер енгізілді. Ол келесі параметрлерді болуы тиіс JQuery коды, ползунков, жағдайда қалады:

• Слайдтар белгілі бір уақыт аралығында бір-бірімен табысқа тиіс;
• Сіз апарғанда тінтуір меңзерін олардың қозғалысының тоқтатуға тиіс.

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

UL контейнер ұзындығын белгілеу көз жеткізіңіз. Ол әрбір слайдтың ұзындығы көбейтілген слайдтар саны, тең болады.

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

қорытынды

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