Kaedah untuk mencipta kesan alih tetikus berdasarkan jQuery_jquery

Contoh dalam artikel ini menerangkan cara mencipta kesan tuding tetikus berdasarkan jQuery. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

1. Cipta HTML:

<ul>
<li><a href="/tv"><img src="images/tv_off.gif" class="mainnav"></a></li>
</ul>

2. Pilih kelas .mainnav:

$(".mainnav").hover(
 function () {
 },
 function () {
 }
);

3. Cipta imgPath pembolehubah dan nyatakan imej SRC:

$(".mainnav").hover(
 function () {
  // Grab the source
  var imgPath = $(this).attr("src");
 },
 function () {
  // Grab the source
  var imgPath = $(this).attr("src");
  }
);

4. Cari rentetan dimatikan dan gantikannya dengan pada:

$(".mainnav").hover(
 function () {
  // Grab the source
  var imgPath = $(this).attr("src");
  // Replace the path in the source
  $(this).attr("src",imgPath.replace("off", "on"));
 },
 function () {
  // Grab the source
  var imgPath = $(this).attr("src");
  // Replace the path in the source
  $(this).attr("src",imgPath.replace("on", "off"));
  }
);

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.