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

  • finalcall07

    finalcall07

    11 NİSAN 2008
  • jonathepianist

    jonathepiani

    31 Temmuz 2008
  • Keith Anthe

    Keith Anthe

    26 NİSAN 2011