Tablo satırları takas Divs onmouseover

0 Cevap php

Ben tablo satırları üzerinde gezdirin ve bir liste üzerinde gezinip zaman ben buldum tek çözüm bu etki zaman divlere arasında takas olabilir bir yol arıyorum. Ben yapılabilir onun sadece basit bir değişiklik umuyorum bu yüzden gerçekten henüz tam jquery anlamıyorum.

Liste bir tablo olması için bu bir liste üzerinde gezinip için geldi kod, ben istiyorum sadece değişimdir.

script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#switches li").mouseover(function () {
        var $this = $(this);
        $("#slides div").hide();
        $("#slide" + $this.attr("id").replace(/switch/, "")).show();
        $("#switches li").css("font-weight", "normal");
        $this.css("font-weight", "bold");
    });
});
</script>

<ul id="switches">
  <li id="switch1" style="font-weight:bold;">First slide</li>
  <li id="switch2">Second slide</li>
  <li id="switch3">Third slide</li>
  <li id="switch4">Fourth slide</li>
</ul>
<div id="slides">
  <div id="slide1">Well well.</div>
  <div id="slide2" style="display:none;">Oh no!</div>
  <div id="slide3" style="display:none;">You again?</div>
  <div id="slide4" style="display:none;">I'm gone!</div>
</div>

0 Cevap