როგორ გავაკეთოთ ღილაკი

Სარჩევი:

როგორ გავაკეთოთ ღილაკი
როგორ გავაკეთოთ ღილაკი

ვიდეო: როგორ გავაკეთოთ ღილაკი

ვიდეო: როგორ გავაკეთოთ ღილაკი
ვიდეო: როგორ დავაყენოთ დამხმარე ღილაკი და სხვა რაღაცეები 2024, მაისი
Anonim

მოციმციმე ღილაკი არის ვებდიზაინის ელემენტი, რომელიც ეხმარება გვერდს გახადოს ნათელი და მიმზიდველი. ამასთან, ამ ეფექტის გამოყენებისას საჭიროა იფიქროთ მომხმარებლების მოხერხებულობაზე: ნუ გამოიყენებთ ბოროტად გამოყენებულ ტალღურ ჩიპებს.

როგორ გავაკეთოთ ღილაკი
როგორ გავაკეთოთ ღილაკი

ინსტრუქციები

Ნაბიჯი 1

თუ საჭირო ღილაკი წარმოდგენილია ბმულის სურათად და კურსორის გადაადგილების შემდეგ ფერის შეცვლა, შექმნათ იგი ცხრილისა და onMouseOver და onMouseOut ატრიბუტების გამოყენებით.

ღილაკი

ნაბიჯი 2

მოციმციმე ღილაკის გაკეთება შეგიძლიათ JavaScript- ის გამოყენებით. იმისათვის, რომ ეფექტი მოქმედებდეს მაუსის მაძიებელზე და კურსორის ამოღების შემდეგ ქრებოდა, გამოიყენეთ შემდეგი კოდი: ჩანართის სათაური arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," ა "," ბ "," გ "," დ "," ე "," ვ "]; ფუნქცია mouseOut () {for (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] +" 0 "+ arrColor [15 -i] + 'FFF ";', i * 50); } function mouseOver () {for (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0" + arrColor + 'F31 ";', i * 50); }

ნაბიჯი 3

თუ თქვენ გაქვთ Adobe Photoshop, შეგიძლიათ მოციმციმე ეფექტის შექმნა გრაფიკის რედაქტორში. ამისათვის შექმენით ახალი ფაილი, ასევე ახალი ფენები, რომელთა რაოდენობა უნდა იყოს ტოლი ჩარჩოების ჯამის. ამის შემდეგ, მარჯვენა პანელზე, აირჩიეთ პირველი ფენა "თვალით" და გახსენით "ანიმაციის" ელემენტი "ფანჯრის" მენიუში. პანელზე, რომელიც გამოჩნდება, დააჭირეთ დუბლიკატი ჩარჩოს ღილაკს, გადაიტანეთ "თვალი" შემდეგ ფენაზე და ა.შ. მარჯვენა ღილაკით დააწკაპუნეთ თითოეულ ჩარჩოზე და დააყენეთ დრო. გადახედეთ შედეგს, შეცვალეთ საჭიროების შემთხვევაში და შეინახეთ

გირჩევთ: