Веб-беттердің кейбір элементтері тышқанмен қозғалу кезінде сыртқы түрін өзгертеді - бұл әдепкі бойынша олар үшін HTML тілінің параметрлері бойынша белгіленеді (HyperText Markup Language - «Гипермәтінді белгілеу тілі»). Бұл тілде басқа бет элементтері үшін бірдей параметрлерді өзгертуге мүмкіндік беретін құралдар бар. Қажет болса, осы мақсат үшін сіз CSS-ті де (каскадтық стильдер кестесін) де, клиенттік JavaScript сценарийлер тілін де пайдалана аласыз.
Нұсқаулық
1-қадам
Стиль атрибутын пайдаланып, сізді қызықтыратын веб-парақ объектісінің тегіне курсордың айнымалысын қоя аласыз. Мысалы, кірушілердің браузеріне сілтеменің үстінде жылжу кезінде меңзердің сыртқы түрін өзгертуге нұсқау беретін мәтіндік өрістің HTML коды келесідей жазылуы мүмкін:
2-қадам
Курсор параметрі үшін жарамды мәндер тізімінен қажетті курсордың көрінісін таңдаңыз. Алдыңғы қадамда көрсетілген мысалда көрсеткіштің мәні қолданылады - қолдың мәні дәл осындай әсерге ие. Осы екі мәннен басқа курсордың пайда болуының келесі нұсқалары ұсынылған: айқас, электронды өлшем, көмек, қозғалу, n-өлшем, ne-өлшем, nw-өлшем, прогресс, s-өлшем, se-өлшем, өлшемін өзгерту, мәтінді өзгерту, өлшемін өзгерту, күту. Мысалы, курсорды жоғарыдағы код үлгісінде жоғарғы солдан төменгі оңға екі жақты көрсеткіге ұқсастыру үшін көрсеткіштің орнына nw-resize қолданыңыз:
Өлшеу мәнінің алдындағы әріптер көрсеткі осы бағыт бойынша қай бағытқа бағытталатынын анықтауға көмектеседі - олар, компастағы сияқты, негізгі нүктелердің белгілеулеріне сәйкес келеді. Мысалы, nw - солтүстік-батыс (солтүстік-батыс), оңтүстік (оңтүстік) және т.б.
3-қадам
Егер сіз өзіңіздің курсор кескініңізді өзінің ішкі форматында жүктеген болсаңыз, алдын-ала анықталған мәндердің орнына URL файлын пайдаланыңыз. Ол үшін келесі синтаксисті қолданыңыз:
<input style = «курсор: url (https://someSite.ru/someCursor.cur) «/>
Егер файл парақпен бір қалтада немесе ішкі қалтада орналасқан болса, онда абсолютті мекен-жайдың орнына туыстықты көрсетуге болады.
4-қадам
Егер сіз JavaScript көмегімен меңзердің сыртқы түрін өзгерткіңіз келсе, onmouseover атрибутын қолданыңыз. Мысалға:
Бұл код дәл екінші қадамдағы үлгі сияқты жұмыс істейді.
