Түймені қалай жыпылықтауға болады

Мазмұны:

Түймені қалай жыпылықтауға болады
Түймені қалай жыпылықтауға болады

Бейне: Түймені қалай жыпылықтауға болады

Бейне: Түймені қалай жыпылықтауға болады
Бейне: Өз бастары бар бас киім. Алғашқы тәжірибе. 2024, Желтоқсан
Anonim

Жыпылықтайтын түйме - бұл парақты жарқын және тартымды етуге көмектесетін веб-дизайн элементі. Алайда, бұл эффектті қолданған кезде сіз қолданушылардың ыңғайлылығы туралы ойлануыңыз керек: толқынды «чиптерді» теріс пайдаланбаңыз.

Түймені қалай жыпылықтауға болады
Түймені қалай жыпылықтауға болады

Нұсқаулық

1-қадам

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

Түйме

2-қадам

Сіз жыпылықтайтын батырманы JavaScript көмегімен жасауға болады. Тінтуірдің апарылуына әсер ету және курсор жойылғаннан кейін сөну үшін келесі кодты қолданыңыз: arrColor қойындысының тақырыбы = [«0», «1», «2», «3», «4», «5 «,» 6 «,» 7 «,» 8 «,» 9 «,» a «,» b «,» c «,» d «,» e «,» f «]; mouseOut () {функциясы (for = i; 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = «#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF «;', i * 50); } functionOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = «#' + arrColor + '0' + arrColor + 'F31 «;', i * 50); }

3-қадам

Егер сіздің қолыңызда Adobe Photoshop болса, сіз жыпылықтайтын эффектті дәл графикалық редакторда жасай аласыз. Ол үшін жаңа файл жасаңыз, сонымен қатар олардың саны кадрлар қосындысына тең болуы керек жаңа қабаттар. Осыдан кейін, оң жақ панельде бірінші қабатты «көзбен» таңдап, «Терезе» мәзірінен «Анимация» тармағын ашыңыз. Пайда болған панельде кадрдың телнұсқасын басыңыз, «көзді» келесі қабатқа жылжытыңыз және т.б. Әр жақтауды тінтуірдің оң жағымен басып, уақытты орнатыңыз. Нәтижені алдын-ала қарап, қажет болған жағдайда өзгертіңіз және

Ұсынылған: