信鸽网

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

  作者：bea

本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考，具体如下： 这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。 运行效果截图如下： 在线演示地址如下： http://demo./js/2015/js-db-click-src-scroll-style-codes/ 具体代码如下： <html><SCRIPT language=JavaScript> var curr

本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考，具体如下：


这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。


运行效果截图如下：



在线演示地址如下：


http://demo./js/2015/js-db-click-src-scroll-style-codes/


具体代码如下：




<html>

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

<title>双击滚屏</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>


希望本文所述对大家JavaScript程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: