`

左右键“← →”实现快速翻页

js 
阅读更多
             document.onkeydown=function(b){
             b=(b)?b:window.event;
             var page_index = "2";  //当前页
             var page_num = "4";  //页面总数
             if(""==page_index)return;                        
             if(b.keyCode=="37"){
                 if(page_index > 1){
                    window.location.href="Left Arrow - url";
                 }
             }else if(b.keyCode=="39"){
                 if(parseInt(page_index) < parseInt(page_num)){
                    window.location.href="Right Arrow - url";
                 }
             }
         }

 

来自http://mobile.zol.com.cn 源码

转载请注明:来自ueaner.iteye.com,本文地址:http://ueaner.iteye.com/blog/1541643

 

 

分享到:
评论

相关推荐

    QMl实现GridView上下左右翻页

    为了实现左右翻页,你可以监听Flickable的`onFlickStarted`信号,根据手指滑动的方向更新GridView的索引。同样,如果需要上下翻页,可以调整Flickable的`flickableDirection`为`Flickable.VerticalFlick`。 ```qml ...

    BookPage-Android自定义View实现翻页效果,并附带实现教程.zip

    仿真书籍翻页效果BookPageView简介:实现了仿真翻页效果,教程完整地描述了翻页原理分析到性能优化的过程教程博客:Android自定义View——从零开始实现书籍翻页效果(一) Android自定义View——从零开始实现书籍...

    支持按键盘方向键实现翻页跳转的效果.rar

    标题“支持按键盘方向键实现翻页跳转的效果”表明我们关注的是一个使用JavaScript(JS)实现的功能,允许用户通过按下键盘上的方向键上(Up)和下(Down)来浏览页面内容或在页面之间切换。这种效果通常应用于网页的...

    android阅读上下,左右整屏翻页,仿真翻页源码

    在Android平台上开发一款阅读应用,实现仿真的上下左右翻页效果是提高用户体验的重要一环。本文将详细解析“android阅读上下,左右整屏翻页,仿真翻页源码”的核心知识点,包括阴影效果、平滑翻页以及相关技术实现。 ...

    安卓app开发项目-使用ViewPager实现左右滑动翻页(源码).zip

    安卓app开发项目-使用ViewPager实现左右滑动翻页(源码).zip安卓app开发项目-使用ViewPager实现左右滑动翻页(源码).zip安卓app开发项目-使用ViewPager实现左右滑动翻页(源码).zip安卓app开发项目-使用ViewPager实现...

    html_html图片翻页_html实现翻页_html_

    同时,监听键盘事件,使用户可以通过左右箭头键进行翻页: ```javascript document.addEventListener('keydown', function(event) { if (event.key === 'ArrowLeft') { event.preventDefault(); gotoPrevPage();...

    wordpress利用键盘左右键实现上下翻页的方法

    本文实例讲述了wordpress利用键盘左右键实现上下翻页的方法。分享给大家供大家参考。具体分析如下: 利用键盘左右键翻页效果其实只是我们利用了一款js效果,用键盘左右键实现wordpress上下翻页,其实原理和ctrl+enter...

    前端实现图书翻页(支持正向和逆向翻页)效果(含代码和演示视频)

    在前端开发中,实现图书翻页效果是一种常见的交互设计,它可以增强用户体验,使得网页看起来更加生动有趣。本项目采用HTML、CSS和JavaScript技术在浏览器环境中实现了图书翻页效果,不仅支持正向翻页,还支持逆向...

    Vue实现简易翻页效果源码分享

    ### Vue实现简易翻页效果知识点详解 #### 知识点概述 本文将详细阐述如何使用Vue.js实现一个简易的翻页效果。通过分析给定的源码,我们将学习Vue的基础用法,事件处理,以及如何通过计算属性来实现分页逻辑。以下...

    ViewPager+GridView实现GridView左右滑动翻页,实时动态读取数据

    为了实现左右滑动切换页面的效果,我们需要在`ViewPager`的`onPageChangeListener`中处理事件。当页面滑动时,可以根据当前页面位置更新`GridView`的数据源,使其显示相应的内容。 总结一下,实现`ViewPager+...

    QT 翻页效果基础实现

    QT 翻页效果基础实现主要涉及的是使用Qt框架创建一个具有动态翻页效果的UI界面。Qt是一个跨平台的应用程序开发框架,广泛应用于桌面、移动以及嵌入式设备上。在Qt中实现翻页效果,主要是通过QGraphicsView和...

    Qt 翻页效果实现~

    ### Qt 翻页效果实现 #### 翻页效果简介 翻页(Folding)效果在用户界面设计中十分常见,例如在动画过渡、模拟纸质书籍翻页等场景中广泛应用。翻页效果不仅能增强用户体验,还能提升应用程序的视觉吸引力。 #### ...

    (安卓APP项目源代码)使用ViewPager实现左右滑动翻页.zip

    (安卓APP项目源代码)使用ViewPager实现左右滑动翻页(安卓APP项目源代码)使用ViewPager实现左右滑动翻页(安卓APP项目源代码)使用ViewPager实现左右滑动翻页(安卓APP项目源代码)使用ViewPager实现左右滑动翻页...

    Android 实现书籍翻页效果TXT阅读器

    综上所述,实现一个Android书籍翻页效果的TXT阅读器是一个涉及多个技术层面的综合项目,涵盖文本处理、UI设计、动画编程和性能优化等多个领域。通过这样的实践,开发者不仅可以提升Android开发技能,还能深入理解...

    Android中用ViewPage实现真实翻页效果

    "Android中用ViewPage实现真实翻页效果"这个主题就是关于如何在Android应用中创建类似真实书籍翻页的效果。这种效果通常被用于电子书阅读器或者滑动浏览多页面内容的应用中,给用户带来更生动和自然的互动体验。 `...

    Jquery 实现时钟翻页效果

    本文将深入探讨如何使用 jQuery 实现时钟翻页效果,一种常见的动态视觉展示时间的方式。 首先,我们需要了解 jQuery 的基本用法。jQuery 对象允许我们通过简洁的语法来选择、操作和操作 DOM 元素。例如,`$('...

    华丽实现各种翻页效果

    描述中提到的“实现9种动态翻页效果”,这可能包括但不限于经典的左右翻页、3D翻转、弹性拖拽、水波纹扩散、旋转书本等效果。每种效果都有其独特的视觉表现力,能够适应不同的应用场景,如阅读器、相册、电子书等。...

    支持按键盘方向键翻页跳转的代码.rar

    这个“支持按键盘方向键翻页跳转的代码”就是一个典型的例子,它利用JavaScript(简称JS)实现了用户可以使用键盘的左右方向键(← →)或PageUp、PageDown键来翻页的功能。这样的功能对于阅读长篇文章或者浏览多...

    WPF实现的翻页效果

    在本文中,我们将深入探讨如何使用Windows Presentation Foundation (WPF) 实现翻页效果,这是一种在桌面应用程序中创建用户界面的Microsoft技术。标题中的“WPF实现的翻页效果”表明我们将关注如何在WPF应用中创建...

Global site tag (gtag.js) - Google Analytics