მოგეხსენებათ, რომ CSS ტექნოლოგიების მეშვეობით შესაძლებელია საიტის დიზაინის კორექტირება, მაგრამ იცოდით თუ არა, რომ იმავე CSS-ით შესაძლებელი იყო მაუსის კურსორების შეცვლა? შესაძლებელია, როგორც სტანდარტული კურსორების, ასევე თქვენი ფაილის კურსორად გამოყენება (CUR ან SVG ფორმატებში).
CSS Cursors
კურსორის სტანდარტული ტიპები
- auto – კურსორი, რომელიც ჩანს დაeditების გარეშე
- crosshair – ეს არის პლიუსი (+)
- default – კურსორი, რომელიც გამოიყენება ‘ჩვეულებრივ’, როგორც “auto”
- pointer – ხელის მსგავსი კურსორი
- move – კურსორი, რომელიც ჩანს რაიმე ობეიქტის გადაადგილების დროს
- e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize – ეს ის კურსორებია, რომლებიც
- ფანჯრის გაზრდისა და დაპატარავების დრო ჩნდება
- text – კურსორი, რომელიც შნდება ტექსტის მონიშვნისას
- wait – ქვიშის საათის ტიპის კურსორი
- help – კითხვის ნიშნის მსგავსი კურსორი
მუშა მაგალითები
- Auto
- Crosshair
- Default
- Pointer
- Move
- e-resize
- ne-resize
- nw-resize
- n-resize
- se-resize
- sw-resize
- s-resize
- w-resize
- text
- wait
- help
მაგრამ თუ თქვენ არ გაკმაყოფილებთ ეს კურსორები, მაშინ თქვენ შეგიძლიათ შემდეგნაირად გააკეთოთ თქვენთვის სასურველი კურსორი.
მისი სინატქსი ასეთია
[css]{ CURSOR: url(‘კურსორის მდებარეობა’) }[/css]
მაგალითი:
[css]BODY {CURSOR: url(cursor.cur)} [/css]
თუ გსურთ რომ თქვენი კურსორი მხოლოდ ლინკზე მიტანისას გამოჩნდეს, მაშინ “BODY”-ს ნაცვლად დაწერეთ “A”, აი ასე
[css]A {CURSOR: url(cursor.cur)}[/css]
ეს უკანასკნელი ხრიკი მუშაობს მხოლოდ ბრაუზერ Internet Explorer-ში
თქვენს მიერ გაკეთებული კურსორების ნახვა შესაძლებელია მხოლოდ შემდეგ ბრაუზერებში ნახვა: IE6+, Firofox 1.5+.
Firefox-ს გააჩნია CUR და SVG ფაილების ნახვის მხარდაჭერა, მაგრამ არ ააქვს ANI ფაილების ნახვის მხარდაჭერა, ხოლო IE-ს აქვს CUR და ANI ფაილების ნახვის საშუალება და არ ააქვს SVG ფორმატის ფაილების ნახვის საშუალება.
დამატებით შეგიძლიათ იხილოთ Custom CSS Cursors
