Анивчих товчлуур нь хуудсыг гэрэл гэгээтэй, үзэмжтэй болгоход тусалдаг вэб дизайны элемент юм. Гэсэн хэдий ч, энэхүү эффектийг ашиглахдаа та хэрэглэгчдийн тав тухтай байдлын талаар бодох хэрэгтэй: долгионтой "чипс" -ийг бүү ашигла.
Товчлуурыг хэрхэн анивчих вэ
Зааварчилгаа
1-р алхам
Хэрэв холбогч дүрсээр дүрслэгдсэн, курсорыг зөөж байрлуулсны дараа өнгө өөрчлөгдөж байвал шаардлагатай товчлуурыг хүснэгт болон onMouseOver, onMouseOut шинж чанаруудыг ашиглан үүсгээрэй.
Алхам 2
Та JavaScript ашиглан анивчих товчлуурыг хийж болно. Эффект хулганыг зөөж, курсорыг арилгасны дараа алга болоход нөлөөлөхийн тулд дараах кодыг ашиглана уу: tab гарчгийн 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 байгаа бол та график засварлагч дээр анивчих эффект хийж болно. Үүнийг хийхийн тулд тоо, хэмжээ нь фрэймийн нийлбэртэй тэнцүү байх ёстой шинэ файл, түүнчлэн шинэ давхарга үүсгээрэй. Үүний дараа баруун самбар дээр "нүдээр" эхний давхаргыг сонгоод "Цонх" цэснээс "Хөдөлгөөнт дүрс" хэсгийг нээнэ үү. Гарч ирсэн самбар дээр хүрээний хуулбарыг дарж, "нүд" -ийг дараагийн давхарга руу шилжүүлнэ үү. Хүрээ тус бүр дээр хулганы баруун товчийг дарж цагийг тохируулна уу. Үр дүнг урьдчилан харж, шаардлагатай бол өөрчлөх,
Зөвлөмж болгож буй:
Товчлуурыг HTML дээр ба тагуудыг ашиглан үүсгэдэг. Эдгээр нь бараг бүх интерфейсийн салшгүй хэсэг бөгөөд шаардлагатай мэдээллийг боловсруулагч скрипт рүү илгээх эсвэл аль хэдийн бөглөсөн маягтыг цэвэрлэхэд тусалдаг. Зааварчилгаа 1-р алхам Тодорхойлогчийг ашиглах нь хуудсанд нэр, утга гэсэн товчлуурыг нэмнэ
Хэрэглэгчид ээлтэй интерфейс, сайн зурсан график зураг, хуудсан дээрх элементүүдийн зөв байршил - зочинтой сайтын амжилтын тал хувь. Вэбсайтын товчлууруудыг зурах нь онлайн төсөл дээр ажиллах жижиг боловч чухал хэсэг юм. Зааварчилгаа 1-р алхам Дугуй товчлуур зурж үзээрэй
Янз бүрийн кодчилолын хэлнүүд нь текстэн дэх холбоосыг хэд хэдэн аргаар зохион бүтээх боломжийг олгодог: энэ нь шилжилт, товчлуур, зураг, үүнд шилжих шилжилтийг оруулахад оруулсан холбоос, үг байж болно. . Сүүлчийн дизайны арга нь блог нь техникийн хувьд анхаарал хандуулсан бол ялангуяа хамааралтай болно
Интернет улам бүр интерактив болж, хэрэглэгчид олон нийтийн сайтаар дамжуулан дансаа ашиглан ВКонтакте, Фэйсбүүк, Одноклассники гэх мэт олон төрлийн сайтуудаар дамжуулан харьцаж эхэлж байна. Бараг бүх сайт одоо нийтлэлийн төгсгөлд хэд хэдэн товчлууртай болсон бөгөөд үүнд дуртай материалаа өөрийн дансан дахь найзуудтайгаа хурдан хуваалцах боломжтой
Интернет дэх 88-аас 31 пикселийн стандарт хэмжээтэй жижиг баннерыг ихэвчлэн "товчлуур" гэж нэрлэдэг. Холбоос солилцохдоо ийм хэмжээний баннерууд вэбмастеруудын дунд маш их алдартай байдаг. Тэд хуудасны орон зайг маш бага эзэлдэг боловч энгийн текст холбоосуудаас илүү их анхаарал хандуулдаг
