მოგეხსენებათ, რომ 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
პოსტზე კომენტარები ჯერ არ გაკეთებულა
შენ მოგეცა იშვიათი შესაძლებლობა, გააკეთო კომენტარი პირველმა!