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

  • Floortile83

    Floortile83

    16 Ocak 2010
  • JamesAtiPhone

    JamesAtiPhon

    16 EYLÜL 2010
  • ParryGripp

    ParryGripp

    12 AĞUSTOS 2006