Как да сложим различен курсор върху текст/картинка?

Здравейте! В днешната публикация ще ви обясня как можете да промените курсора в сайта ви върху даден текст или картинка. Пример:
Курсора върху това изречение е "ръка".
Първо, има няколко основни вида курсори:

И всеки курсор има свой различен код. По ред както са на картинката са следките:
style="cursor:pointer;cursor:hand"
style="cursor:crosshair"
style="cursor:text"
style="cursor:wait"
style="cursor:move"
style="cursor:help"
style="cursor:n-resize"
И така, ако примерно искате текстът ви да е с курсор пресечени стрелки, когато сложите мишката на него, то кодът трябва да ве следния:

<span style="cursor:crosshair">Това изречение има курсор пресечени стрелки.</span> 
 Това изречение има курсор пресечени стрелки.

Този ефект може да се приложи и върху картинки. Кодът на картинката трябва да е следният:

<span style="cursor:crosshair"><img src="линк към картинката"></span>

И ето резултатът.


Надявам се това кратко обяснение да ви е било интересно и от полза. Ако имате някакви въпроси, можете да ги зададете тук, като коментар, или пък във Фейсбук страницата на сайта, която можете да откриете в дясно.


 Източник на статията: DynamicDrive.com
Previous
Next Post »