Heim > Web-Frontend > js-Tutorial > jquery implementiert die Umblättereffekte für die linke und rechte Tastatur auf der Tastatur_jquery

jquery implementiert die Umblättereffekte für die linke und rechte Tastatur auf der Tastatur_jquery

WBOY
Freigeben: 2016-05-16 16:01:27
Original
1297 Leute haben es durchsucht

JQuery-Tastatur dreht Seiten nach links und rechts um, JQuery-Tastatur-Richtungstasten funktionieren zum Umblättern von Seiten. Wenn kein vorheriger oder nächster Artikel vorhanden ist, erfolgt beim Drücken der Tastatur keine Reaktion, um falsche Sprünge zu vermeiden.

HTML-Code

<p>上一篇:<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> </p> 
<p>下一篇:<a id='next' href='http://www.daimajiayuan.com/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a> </p> 
Nach dem Login kopieren

JQuery-Code

$(document).ready(function(){ 
  var prevpage=$("#pre").attr("href"); 
  var nextpage=$("#next").attr("href"); 
  $("body").keydown(function(event){ 
   if(event.keyCode==37 && prevpage!=undefined) location=prevpage; 
   if(event.keyCode==39 && nextpage!=undefined) location=nextpage; 
    
  }); 
 }); 
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage