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

一个双击滚屏的js

阅读更多

下面这个是在一个小网站看到的,个人记录。

 

 

 

var timer;
function initialize(){
   timer = setInterval('scrollwindow()',20);
}

function scrollwindow(){
   window.scrollBy(0,1);
}

function sc(){
   clearInterval(timer);
}

//绑定事件
document.onmousedown = sc;
document.ondblclick = initialize;
 

 

分享到:
评论

相关推荐

    实现双击自动滚屏的JS代码

    ### 实现双击自动滚屏的JS代码 在网页开发中,通过JavaScript(简称JS)实现用户交互功能是非常常见的需求之一。本篇文章将详细介绍如何利用简单的JavaScript代码来实现双击后页面自动滚动的功能。 #### 一、理解...

    双击自动滚屏

    此外,对于网页阅读,特别是长篇的文章或论坛帖子,双击滚屏也能提供更流畅的阅读体验。 至于“工具”标签,可能意味着这个功能可以作为一个独立的插件或脚本供用户安装使用,也可以是集成在各种应用中的一个特性。...

    Html 双击自动滚屏代码

    通过上述分析可以看出,这个简单的JavaScript脚本实现了一个有趣的功能——双击自动滚屏。虽然其实现原理并不复杂,但对于提高网站的互动性和用户体验具有一定的意义。开发者可以根据具体的应用场景进行调整和优化,...

    双击页面自动滚屏效果.rar

    本项目"双击页面自动滚屏效果.rar"就是利用JavaScript实现的一个网页功能,允许用户通过双击页面来实现页面内容的自动滚动。这种效果能够提升用户体验,尤其是对于长篇内容的浏览时,用户不再需要手动滚动,只需轻轻...

    js实现页面自动滚屏效果

    三、双击滚屏 双击事件的处理与单击类似,只是需要添加`dblclick`事件监听器: ```javascript document.getElementById('myElement').addEventListener('dblclick', function() { window.scrollTo(0, window....

    双击滚屏-常用推荐

    这个双击滚屏功能的实现原理是利用了JavaScript的事件监听和定时器。通过捕获用户的双击操作,启动定时器,每隔一定时间(10毫秒)调用 `scrollwindow()` 实现平滑滚动。当用户单击鼠标时,停止定时器,避免了不必要...

    双击页面自动滚屏效果特效代码

    标题中的“双击页面自动滚屏效果特效代码”是指一种网页交互设计技术,它允许用户通过双击页面的任何地方,使页面自动滚动到顶部或底部。这种效果常见于一些现代网页设计中,以提供更便捷的用户体验。下面将详细解释...

    Js实现双击鼠标自动滚动屏幕的示例代码

    在JavaScript中,实现双击鼠标自动滚动屏幕的功能是一项常见的交互设计。...总的来说,这个示例提供了一个基础的JavaScript双击鼠标自动滚动屏幕的实现,但它可以进一步优化以适应更多的使用场景和提高用户体验。

    双击鼠标自动滚动屏幕的代码.rar

    标签"JS特效-滚动代码"提示我们,这是一个关于JavaScript特效的实现,可能包含了一些高级的DOM操作或者动画效果。例如,为了使滚动更平滑,开发者可能会使用CSS3的`requestAnimationFrame`来替代`setInterval`,因为...

    JS实现双击屏幕滚动效果代码

    本文实例讲述了JS实现双击屏幕滚动效果代码。...这里演示双击滚屏效果代码的实现方法,不知道有觉得有用处的没,现在网上还有很多还在用这个特效的呢,代码分享给大家吧。 运行效果截图如下: 在线演示地址如下: ...

    滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码

    总之,通过CSS和JavaScript,我们可以定制滚动条的外观,隐藏不需要的滚动条,并添加交互性如双击滚屏,以提升网页的用户体验。这些技术在现代网页设计中非常常见,对于创建个性化和易用的网页界面至关重要。

    双击鼠标自动滚动屏幕的特效代码

    标题“双击鼠标自动滚动屏幕的特效代码”涉及到了一个独特的用户交互功能,它允许用户通过双击鼠标左键来激活屏幕自动滚动,而单击则可以停止这个行为。这种设计旨在提供更便捷的操作方式,特别是对于长页面浏览时,...

    电子书制作常用特效1

    这是一个增强阅读舒适度的设计,允许用户通过单击屏幕任何地方来停止当前的自动滚屏,双击则恢复滚屏。这样的设计考虑到了不同的阅读习惯,有的读者可能喜欢手动翻页,有的则偏好连续阅读。这通常需要结合JavaScript...

    javascript经典例子.txt

    - 实现方法:使用JavaScript监听第一个下拉框的选择事件,并根据选择结果动态更新第二个下拉框的内容。 **9. 文本排序** - 描述:对文本内容进行排序。 - 实现方法:使用JavaScript的数组排序方法`sort()`。 ...

    javascript代码常用大全

    ` 表示可选的负号,`\d+` 表示一个或多个数字。 - **1.2 大于0的整数验证** - 特别用于ID等必须为正整数的情况。 - 通过正则表达式 `/^[1-9]\d*$/.test(str)` 实现,确保数字大于0。 - **1.3 负整数验证** - 用于...

    jquery手机触摸滚屏

    jQuery库提供了一个名为`touchSwipe`的插件,它扩展了jQuery的功能,使其能够识别和处理触摸事件,从而实现手机触摸滚屏。 `jQuery`是JavaScript的一个轻量级库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax...

    让bootstrap的carousel支持滑动滚屏的实现代码

    Hammer.js 是一个轻量级的 JavaScript 库,专门用于处理触摸事件和手势识别,如滑动(swipe)、双击(double tap)等。通过将 Hammer.js 和 jQuery 的插件版本(jquery.hammer.js)结合使用,我们可以监听用户的滑动...

    在bs开发中经常用到的javaScript技术整理

    - **双击滚屏**:双击页面时,自动滚动到顶部或底部。 6. **树型结构** - **ASP+SQL版**:使用ASP和SQL数据库构建树状数据结构。 - **ASP+xml+sql版**:结合XML和SQL数据库实现。 - **Java+SQL或Java+SQL+xml**...

    做网页的一些技巧(续)

    例如,在用户将鼠标悬停在特定链接上时,显示一个包含文字说明的浮动框,这对于提供快速帮助或额外信息非常有用。 #### 实现原理 这个效果同样通过JavaScript实现,利用了HTML的`onMouseOver`和`onMouseOut`事件来...

Global site tag (gtag.js) - Google Analytics