როგორ შევცვალოთ კურსორი ჰოვერზე

Სარჩევი:

როგორ შევცვალოთ კურსორი ჰოვერზე
როგორ შევცვალოთ კურსორი ჰოვერზე

ვიდეო: როგორ შევცვალოთ კურსორი ჰოვერზე

ვიდეო: როგორ შევცვალოთ კურსორი ჰოვერზე
ვიდეო: როგორ შევცვალოთ მაუსის კურსორი - How To Change Mouse Cursor 2024, მაისი
Anonim

ვებ – გვერდების ზოგიერთი ელემენტი თაგვთან მოძრაობისას იერსახეს ცვლის - ეს მათთვის ნაგულისხმევად არის განსაზღვრული HTML ენის პარამეტრებით (HyperText Markup Language - "Hypertext Markup Language"). ამ ენას აქვს ხელსაწყოები, რომლებიც საშუალებას გაძლევთ შეცვალოთ იგივე პარამეტრები სხვა გვერდის ელემენტებისთვის. საჭიროების შემთხვევაში, ამ მიზნით შეგიძლიათ გამოიყენოთ როგორც CSS (Cascading Style Sheets), ასევე კლიენტის მხრიდან JavaScript სკრიფტების ენა.

როგორ შევცვალოთ კურსორი ჰოვერზე
როგორ შევცვალოთ კურსორი ჰოვერზე

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

Ნაბიჯი 1

გამოიყენეთ სტილის ატრიბუტი, რომ შეძლოთ კურსორის ცვლადის დაყენება თქვენთვის საინტერესო ობიექტის ვებ – გვერდზე. მაგალითად, შეყვანის ტექსტის ველის HTML კოდი, რომელიც სტუმრის ბრაუზერს დაავალებს კურსორის გარეგნობის შეცვლას ისევე, როგორც ბმულზე გადაფრენისას, შეიძლება ასე დაწეროს:

ნაბიჯი 2

კურსორის პარამეტრის მოქმედი მნიშვნელობების სიიდან აირჩიეთ კურსორის სასურველი სახე. წინა ეტაპზე ნაჩვენებ მაგალითში გამოიყენება მაჩვენებლის მნიშვნელობა - ხელის სიდიდეს აქვს ზუსტად იგივე ეფექტი. ამ ორი მნიშვნელობის გარდა, მოცემულია კურსორის გარეგნობის შემდეგი ვარიანტები: ჯვარედინი თმა, ელექტრონული ზომის შეცვლა, დახმარება, გადაადგილება, n ზომის შეცვლა, ne ზომის შეცვლა, nw ზომის შეცვლა, პროგრესი, s ზომის შეცვლა, ზომის შეცვლა, ზომის შეცვლა, ტექსტის გაგზავნა, ზომის შეცვლა, დალოდება. მაგალითად, იმისათვის, რომ კურსორი ზემოთ მოცემული კოდის ნიმუშიდან მარცხნივ ქვედადან ქვედა მარჯვნივ ორმაგ თავით ისარს დაემსგავსოს, გამოიყენეთ nw- ზომის ზომა მაჩვენებლის ნაცვლად:

ზომის შეცვლის მნიშვნელობის წინ მდებარე ასოები განსაზღვრავს თუ რომელი მიმართულებით არის მიმართული ისარი ამ მნიშვნელობით - ისინი, ისევე როგორც კომპასზე, შეესაბამება კარდინალური წერტილების აღნიშვნებს. მაგალითად, nw აღნიშნავს ჩრდილო-დასავლეთით (ჩრდილო-დასავლეთი), s სამხრეთით (სამხრეთით) და ა.შ.

ნაბიჯი 3

გამოიყენეთ ფაილის URL წინასწარ განსაზღვრული მნიშვნელობების ნაცვლად, თუ ატვირთეთ საკუთარი კურსორის სურათი მის მშობლიურ ფორმატში. ამისათვის გამოიყენეთ შემდეგი სინტაქსი:

<input style = "კურსორი: url (https://someSite.ru/someCursor.cur) "/>

თუ ფაილი გვერდზე განთავსებულია იმავე საქაღალდეში ან ქვე საქაღალდეში, აბსოლუტური მისამართის ნაცვლად შეგიძლიათ მიუთითოთ ნათესავი.

ნაბიჯი 4

გამოიყენეთ onmouseover ატრიბუტი, თუ გსურთ შეცვალოთ კურსორის გარეგნობა JavaScript– ის გამოყენებით. Მაგალითად:

ეს კოდი იმუშავებს ზუსტად ისე, როგორც მეორე ეტაპის ნიმუში.

გირჩევთ: