`
rigger21
  • 浏览: 134571 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Ajax--滑块的滑动来分页

阅读更多
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>

源码结构说明

1.Slider文件夹下为源文件

2.Slider.war为部署文件

采用的是jsp+ servlet +Ajax

数据库: mysql

如需要代码,请留下Email.

程序描述本章将实现通过滑块来显示分页数据的功能。在传统的分页方式中,大多数是通过单击按钮的方式来显示分页的。利用Ajax可以通过使用滑块的滑动来选择所显示的分页,这种拖拽的方式极大提高了用户体验。
分享到:
评论

相关推荐

    jQuery UI分页滑块.rar

    jQuery UI 的分页滑块组件允许用户通过平滑的滑动动作来浏览多个页面,提供了一种直观且吸引人的用户体验。 **jQuery UI 分页滑块的主要特点:** 1. **自定义样式**:jQuery UI 允许开发者自定义滑块的外观,包括...

    jquery 3D分页翻转滑块.zip

    jQuery 3D分页翻转滑块是一种创新的网页元素,它结合了3D视觉效果和滑动功能,为用户提供了一种新颖的浏览方式。这个特效利用了JavaScript库jQuery的强大功能,为网页添加了深度感和动态性,使内容展示更加引人入胜...

    10种 js web分页效果

    3. **滑块分页**:在有限的空间内,用户可以通过左右滑动来切换页面。这种方式常见于手机端,提供了一种直观且节省空间的分页体验。 4. **翻页动画**:通过CSS3动画和JavaScript实现平滑过渡效果,使用户在切换页面...

    60种网页分页案例和好的实践

    - 滑块分页:通过滑动选择页码,视觉效果新颖,但可能对移动设备不友好。 - 无限滚动与分页结合:随着用户滚动页面,内容自动加载,同时提供分页选项。 3. CSS分页样式设计: - 颜色与对比:分页元素的颜色应与...

    点击左右滚动jQuery滑块插件

    开发者可以根据需求添加新的功能,比如触摸滑动支持、分页指示器等。此外,还可以通过修改源码来调整样式、优化性能或修复潜在问题。 总结来说,点击左右滚动的jQuery滑块插件是一个高效且可定制的前端组件,它利用...

    网页多种分页样式及CSS

    24. 滑块分页:将分页设计为滑块样式,节省空间,同时提供流畅的导航体验。 以上24种分页样式和CSS技术,旨在帮助开发者创造富有创意和实用性的分页设计,以满足不同项目的需求。在实际应用中,可以根据网页的具体...

    分页和异步加载

    2. **滑块分页**:用户可以通过滑动来切换页面,适合移动设备。 分页的关键在于正确设置每页的数据量,通常需要根据目标用户群体的网络条件和设备性能来确定。此外,分页还可以结合“上一页”、“下一页”按钮,...

    Mootools 滑块拖动分页的实现

    内容索引:脚本资源,Ajax/JavaScript,Mootools,拖动分页 基于Mootools 的滑块拖动分页的实现示例,代码比较多,部分代码来自YAHOO,完整运行本例子需要在JSP环境下,而且需要把数据库脚本导入到数据库中。...

    jquery ui slider分页插件支持鼠标拖动显示分页代码

    在本案例中,我们讨论的是如何利用jQuery UI的滑块组件来实现一种创新的分页功能,即通过鼠标拖动来显示分页内容。这种交互方式可以提升用户体验,使用户能够更直观地浏览大量数据或内容。 首先,要实现这个功能,...

    Js 静态分页 10种风格

    2. 滑块式分页:提供一个滑动条,用户可以通过拖动选择不同页码,视觉效果新颖。 3. 跳转输入框:用户可以直接输入页码跳转,结合“前往”按钮实现快速定位。 4. 翻牌效果分页:每个页码按钮以卡片形式展示,翻转...

    js-jq-carousel:图像滑块

    **JavaScript 图像滑块——js-jq-carousel 深度...总的来说,`js-jq-carousel` 是一个强大且灵活的 JavaScript 图像滑块解决方案,结合 jQuery 的便利性和自定义选项,可以轻松地在项目中实现专业级别的滑动展示效果。

    jQuery纵向滑块焦点图插件

    这种组件通常包含一个可视区域,用户可以通过手动滑动或自动播放来浏览内容。焦点图强调某一时刻的重点,为用户提供了一种聚焦注意力的方式。 三、jQuery滑块焦点图插件的特性 1. **可定制性**:jQuery滑块插件允许...

    jquery移动重叠滑块

    4. **JavaScript逻辑**:jQuery代码需要监听滑动事件,如点击按钮或触摸滑动,然后计算滑动距离和方向,更新滑块项的CSS属性来实现滑动效果。同时,还需要处理边界情况,确保滑动到最后一项后能正确返回到第一项。 ...

    jQuery响应滑块

    这涉及到CSS3媒体查询,通过检测视口宽度来应用不同的样式规则,确保滑块在不同设备上都能正确显示。 3. **触摸支持**:在移动设备上,滑块需要支持触摸手势,如滑动和缩放。jQuery库提供了触摸事件处理,使得滑块...

    三维动态滑块jquery特效.zip

    在3D滑块特效中,JavaScript可能涉及到矩阵运算来处理3D变换。 最后,这个项目可能还包含了额外的文件,如图片资源、字体文件或者样式表(CSS文件)。CSS文件用于定义滑块的样式,包括颜色、边框、阴影等,而图片...

    异步滑动效果(2个)

    这种技术的核心在于利用JavaScript(JS)和jQuery库来实现,通过异步加载数据,避免了传统方式下一次性加载大量内容导致的页面卡顿现象。 1. **异步加载**:异步加载是异步滑动效果的基础,它意味着不等待当前操作...

    jQuery swiper水平左右滑动时间轴特效

    Swiper的功能包括分页控制、自动播放、滑块无限循环、滑动速度控制等。 在“jQuery swiper水平左右滑动时间轴特效”中,时间轴是一种特殊的应用场景。时间轴通常用于展示一系列按照时间顺序排列的事件或数据点。...

    AJAX 源码范例

    利用Ajax可以通过使用滑块的滑动来选择所显示的分页,这种拖拽的方式极大提高了用户体验。 源码结构说明 1.Slider文件夹下为源文件 2.Slider.war为部署文件 &lt;br&gt;第22章 程序描述:使用Windows系统...

    移动图片轮播(swiper/slider)

    这可能包括滑块的布局、图片的尺寸、过渡效果、分页指示器的样式等。CSS允许开发者自定义轮播组件的视觉呈现,使其符合网站的整体设计风格。 "index.html"是项目的主页面,其中包含了HTML结构。在HTML中,需要设置...

    js基础-高级-进阶学习

    - **滑动行为**:自动播放、循环滑动、触摸滑动、分页指示器等。 - **插件和扩展**:例如3D视差效果、自由滑动模式等。 - **API和事件**:通过API控制滑动状态,监听滑动事件进行交互。 学习以上内容,你将能够...

Global site tag (gtag.js) - Google Analytics