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

  • Machinima

    Machinima

    17 Ocak 2006
  • Madeon

    Madeon

    31 Ocak 2010
  • The White House

    The White Ho

    21 Ocak 2006