Web sayfalarının bazı öğeleri, fareyle üzerine gelindiğinde görünümlerini değiştirir - bu, varsayılan olarak HTML dilinin ayarları tarafından belirlenir (Köprü Metni İşaretleme Dili - "Köprü Metni İşaretleme Dili"). Bu dil, diğer sayfa öğeleri için aynı ayarları değiştirmenize olanak tanıyan araçlara sahiptir. Gerekirse, bu amaç için hem CSS (Basamaklı Stil Sayfaları) hem de istemci tarafı JavaScript komut dosyası dilini kullanabilirsiniz.
Talimatlar
Aşama 1
İlgilendiğiniz web sayfası nesnesinin etiketindeki imleç değişkenini ayarlayabilmek için style niteliğini kullanın. Örneğin, ziyaretçinin tarayıcısına, bir bağlantının üzerine gelindiğinde olduğu gibi imlecin görünümünü değiştirme talimatı veren bir giriş metin alanının HTML kodu şu şekilde yazılabilir:
Adım 2
İmleç parametresi için geçerli değerler listesinden istediğiniz imleç görünümünü seçin. Önceki adımda gösterilen örnekte, işaretçinin değeri kullanılmıştır - elin değeri tamamen aynı etkiye sahiptir. Bu iki değere ek olarak, imlecin görünümü için aşağıdaki seçenekler sağlanır: crosshair, e-resize, help, move, n-resize, ne-resize, nw-resize, progress, s-resize, se-resize, sw-resize, text, w-resize, bekleyin. Örneğin, yukarıdaki kod örneğinde imlecin sol üstten sağ alta doğru çift başlı bir ok gibi görünmesini sağlamak için işaretçi yerine nw-resize kullanın:
Yeniden boyutlandırma değerinin önündeki harfler, okun bu değer tarafından hangi yönlere yönlendirildiğini belirlemeye yardımcı olur - pusulada olduğu gibi, ana noktaların tanımlarına karşılık gelirler. Örneğin, nw kuzey-batı (kuzeybatı), s güney (güney) anlamına gelir.
Aşama 3
Kendi imleç resminizi yerel cur biçiminde yüklediyseniz, önceden tanımlanmış değerler yerine dosya URL'sini kullanın. Bunu yapmak için aşağıdaki sözdizimini kullanın:
<input/>
Dosya, sayfayla aynı klasörde veya bir alt klasörde bulunuyorsa, mutlak bir adres yerine göreli bir adres belirtebilirsiniz.
4. Adım
JavaScript kullanarak imlecin görünümünü değiştirmek istiyorsanız onmouseover özelliğini kullanın. Örneğin:
Bu kod, tam olarak ikinci adımdaki örnek gibi çalışacaktır.
