<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
注意：红色的部分去掉否则无法滚屏
<SCRIPT language="JavaScript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>双击滚屏－www.51windows.Net</title>
<style>
<!--
body { color: #FFFFFF; font-family: Verdana; font-size: 9pt }
-->
</style>
</head>
<body bgcolor="#0496DC">
<p align="center">请双击</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
</body>
</html>
分享到：
相关推荐
### 实现双击自动滚屏的JS代码 在网页开发中，通过JavaScript（简称JS）实现用户交互功能是非常常见的需求之一。本篇文章将详细介绍如何利用简单的JavaScript代码来实现双击后页面自动滚动的功能。 #### 一、理解...
此外，对于网页阅读，特别是长篇的文章或论坛帖子，双击滚屏也能提供更流畅的阅读体验。 至于“工具”标签，可能意味着这个功能可以作为一个独立的插件或脚本供用户安装使用，也可以是集成在各种应用中的一个特性。...
三、双击滚屏 双击事件的处理与单击类似，只是需要添加`dblclick`事件监听器： ```javascript document.getElementById('myElement').addEventListener('dblclick', function() { window.scrollTo(0, window....
通过上述分析可以看出，这个简单的JavaScript脚本实现了一个有趣的功能——双击自动滚屏。虽然其实现原理并不复杂，但对于提高网站的互动性和用户体验具有一定的意义。开发者可以根据具体的应用场景进行调整和优化，...
本项目"双击页面自动滚屏效果.rar"就是利用JavaScript实现的一个网页功能，允许用户通过双击页面来实现页面内容的自动滚动。这种效果能够提升用户体验，尤其是对于长篇内容的浏览时，用户不再需要手动滚动，只需轻轻...
这个双击滚屏功能的实现原理是利用了JavaScript的事件监听和定时器。通过捕获用户的双击操作，启动定时器，每隔一定时间（10毫秒）调用 `scrollwindow()` 实现平滑滚动。当用户单击鼠标时，停止定时器，避免了不必要...
本文实例讲述了JS实现双击屏幕滚动效果代码。...这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。 运行效果截图如下： 在线演示地址如下： ...
综上所述，实现双击页面自动滚屏效果特效涉及了JavaScript事件处理、DOM操作、浏览器兼容性处理、CSS样式控制以及可能的用户交互设计原则。通过理解这些知识点，并结合提供的代码文件，可以有效地在自己的网页项目中...
在JavaScript中，实现双击鼠标自动滚动屏幕的功能是一项常见的交互设计。...总的来说，这个示例提供了一个基础的JavaScript双击鼠标自动滚动屏幕的实现，但它可以进一步优化以适应更多的使用场景和提高用户体验。
总结来说，这个压缩包中的代码展示了如何利用JavaScript来响应鼠标的点击事件，实现双击启动自动滚屏、单击停止滚屏的功能。它涉及到JavaScript事件监听、DOM操作以及可能的动画优化技术，这些都是前端开发中常见的...
总之，通过CSS和JavaScript，我们可以定制滚动条的外观，隐藏不需要的滚动条，并添加交互性如双击滚屏，以提升网页的用户体验。这些技术在现代网页设计中非常常见，对于创建个性化和易用的网页界面至关重要。
本教程主要探讨了几个常用的电子书特效，包括背景图像不滚动、翻页按钮侧边移动以及双击滚屏单击停止功能。这些特效不仅使得电子书在视觉上更美观，同时也增加了阅读的便捷性。 首先，我们来看“背景图像不滚动”这...
标题“双击鼠标自动滚动屏幕的特效代码”涉及到了一个独特的用户交互功能，它允许用户通过双击鼠标左键来激活屏幕自动滚动，而单击则可以停止这个行为。这种设计旨在提供更便捷的操作方式，特别是对于长页面浏览时，...
更新发表留言验证码显示错误增加了评论批量删除增加了查看文章所有评论修复了文章管理分页问题修复文章内容页双击滚屏增加了导航下拉菜单增加了评论过滤增加了相关批量操作功能修复了已知BUG修复了普通管理员无法...
- **5.8 双击后，网页自动滚屏** - 描述：双击页面后，页面会自动滚动到顶部或底部。 - 实现方法：使用JavaScript监听双击事件，并通过滚动API实现滚动效果。 **6. 树型结构** - **6.1 asp+SQL版** - 描述：...
`touchSwipe`插件（`jquery.touchSwipe.min.js`）则是针对移动设备的触摸事件进行了封装，它可以监听用户的滑动、双击、捏合缩放等手势，并将这些手势转化为可编程的事件。例如，你可以设置当用户向左滑动时，页面向...
Hammer.js 是一个轻量级的 JavaScript 库，专门用于处理触摸事件和手势识别，如滑动（swipe）、双击（double tap）等。通过将 Hammer.js 和 jQuery 的插件版本（jquery.hammer.js）结合使用，我们可以监听用户的滑动...
此外，状态栏和标题栏的动态效果、双击后的自动滚屏等都是提升网站视觉效果和用户体验的技巧。 在更复杂的功能中，JS可以实现树型结构的创建、无边框效果、联动下拉框技术、文本排序、画图类（如饼图、柱状图和...
- **5.8 双击后，网页自动滚屏** - 通过双击事件触发页面滚动。 #### 6. 树型结构 - **6.1 asp+SQL版** - 通过 ASP 和 SQL 数据库构建树状数据结构。 - **6.2 asp+xml+sql版** - 将 XML 与 SQL 数据结合，构建...