SORU
15 Mart 2010, PAZARTESİ


Nasıl JavaScript kullanarak imleç altında bir kelime olsun?

Örneğin varsa

<p> some long text </p>

HTML sayfamda nasıl fare imleci örneğin olduğunu biliyorum kelime yukarıda miyim? diye metin

CEVAP
15 Mart 2010, PAZARTESİ


Diğer iki cevaplar için daha önce paragraf yayılan jQuery kullanarak (ya da genellikle javascript) üzere ikiye ayırmak mümkün olabilir.

Bu şekilde, kelimeler etrafa yayılan ile metin çıktısı düşünmek gerek kalmazdı. Javascript sizin için yapalım.

örneğin

<p>Each word will be wrapped in a span.</p>
<p>A second paragraph here.</p>
Word: <span id="word"></span>

<script type="text/javascript">
    $(function() {
        // wrap words in spans
        $('p').each(function() {
            var $this = $(this);
            $this.html($this.text().replace(/\b(\w )\b/g, "<span>$1</span>"));
        });

        // bind to each span
        $('p span').hover(
            function() { $('#word').text($(this).css('background-color','#ffff66').text()); },
            function() { $('#word').text(''); $(this).css('background-color',''); }
        );
    });
</script>

O çalışırken yukarıdaki kod, paragraf etiketleri içinde herhangi bir html kaldýrmak unutmayın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BioHunta

    BioHunta

    28 Mayıs 2006
  • CommonArtisan

    CommonArtisa

    7 Temmuz 2012
  • fast2hell

    fast2hell

    16 AĞUSTOS 2006