双击滚屏-常用推荐

代码如下:

<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>

本站用的是兼容声明的， 大家可以查看源文件

赞 (0)

相关推荐

  • 双击滚屏-常用推荐

    复制代码 代码如下: <SCRIPT language=JavaScript>   var currentpos,timer; function initialize()   {   timer=setInterval("scrollwindow()",10);   }   function sc(){   clearInterval(timer);   }   function scrollwindow()   {   currentpos=document.body.s

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

    安装U盘里下载的"滚动条变色"插件, 安装到DW后,如何正常应用该特效插件? 答:打开DW , 1.新建页面--代码--删除<html>前面的所有代码! 2.鼠标定位在<head>之后--点击DW"设计"--点击"滚动条变色"插件,进行设置. 滚动条代码英文翻译:arrow--箭头,track--轨道. 提示:如果插入以下代码不能变色,请把网页头部<html>前的多于代码删除即可! 滚动条变色: 也可以直接在网

  • PHP+jQuery实现滚屏无刷新动态加载数据功能详解

    本文实例讲述了PHP+jQuery实现滚屏无刷新动态加载数据功能.分享给大家供大家参考,具体如下: index.php <?php require_once('connect.php'); //连接数据库 $user = array('demo1','demo2','demo3','demo3','<de></de>mo4'); //模拟了几个用户 ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

  • QTabWidget标签实现双击关闭的方法(推荐)

    用Qt做ARM,发现Qt4中QTabWidget原生的关闭按键(X)太小,用触摸板很难按到.于是乎想到类似于浏览器的双击关闭功能,因为之前做过C#的资源管理器,以为可以直接绑定DoubleClick,可后来翻遍了也没找到相应的SLOT,结果在QWidget中捕捉信号,就是没有QTabWidget标签的鼠标事件,坑爹那!随后,又在网上各种搜索,结果找到的是各种问题,每一个准确回答出来的.....最后思来想去,实在不行,就用最笨的方法,仿Hock实现! 于是乎,我重载了QTabWidget(由于ta

  • javascript实现页面滚屏效果

    当我们浏览网页的时候,时常会碰到可以滚动屏幕的炫酷网页,今天笔者对这一技术进行简单实现,效果不及读者理想中那般炫酷,主要针对滚屏的技术原理和思想进行分享和分析.本示例在页面右侧有五个数字标签,代表五个页面,点击数字可以切换到对应的页面,滚动鼠标滑轮可以实现数字标签的切换,页面的切换.笔者未对页面的平稳滚动进行实现,读者可自行试验研究. 这是html代码: <!doctype html> <html> <head> <meta charset="UTF-8

  • 利用JavaScript脚本实现滚屏效果的方法

    许多制作网页的朋友常常制作公告板.信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示.我们没有采用Java的.class程序来实现,也不是动态DHTML语言,只是充分地利用了JavaScript脚本语言的一些函数,写一些简短的JavaScript脚本语言就可实现这一功能. 原代码如下: <html> <head> <script language="Javascript"> <!--//防止错误显

  • JQuery移动页面开发之屏幕方向改变与滚屏的实现

    方向改变事件(orientationchange) 当设备的方向变化(设备横向持或纵向持)此事件被触发.绑定此事件时,你的回调函数可以加入第二个参数,作用为描述设备横或纵向的属性,"portrait"或;landscape".这些值也会作为class值加入到html的元素中,使你可以通过css中的选择器改变他们的样式.注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件. 手持设备方向改变时执行 $(window).bind( 'or

  • jQuery实现公告新闻自动滚屏效果实例代码

    本文是小编参考网络上的一个小demo,自己做了下扩展,原来是向上滚动的,扩展了一个向下滚动的方法,具体实例代码如下所示: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>滚屏实验</ti

  • jQuery实现带有上下控制按钮的简单多行滚屏效果代码

    jQuery实现带有上下控制按钮的简单多行滚屏效果代码

    本文实例讲述了jQuery实现带有上下控制按钮的简单多行滚屏效果代码.分享给大家供大家参考.具体如下: 这里使用了jQuery插件来实现最简单的多行文字滚屏效果,还带有上下滚动控制按钮,卷动速度,数值越大,速度越慢(毫秒),滚动的时间间隔是(毫秒),每次滚动的行数,默认为一屏,即父容器高度-- 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-up-down-scroll-src-style-codes/ 具体代码如下: <!DOCT

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

    原始的轮播组件,并不支持滑动滚屏: 代码如下: <span style="white-space:pre"> </span><div class="row"> <div id="carousel-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-i

随机推荐