添加收藏
 系统管理
 联系方式
  汉南在线网页设计JavaScript脚本

双击滚动屏幕代码
作  者:匿名
关键字:JavaScript



双击页面自动滚动代码一:

以下代码直接放在你的网页<head></head>中间就可以了


<script language="JavaScript" type="text/JavaScript">
//双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
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>


双击页面自动滚动代码二:

使用<script src="滚动脚本名称.js"></script>加载仍然是放入<head></head>之间,不过需要新建一个js文件

js文件内容

var currentpos,timer;

function initialize()
{
timer=setInterval("scrollwindow()",40);
}
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

 

代码的实例

<html>
<head>
<script src="scroll.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双击滚屏</title>
<link href="css/text.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
background-color: #f5f5f5;
}
.style2 {color: #FF6600}
-->
</style></head>
<body>
实例应用“双击滚动”
</body>
</html>


 演示地址: http://www.qiuyucity.com/zhufu/zhufu.htm?id=%u53CC%u51FB%u81EA%u52A8%u6EDA%u52A8%u6F14%u793A

timer=setInterval ("scrollwindow ()",30); 控制滚动速度

双击页面自动滚动代码三:

<SCRIPT language=JavaScript>
<!--
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",50);
}
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

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</SCRIPT>

双击页面自动滚动代码四:

<script language="javascript" type="text/javascript">
function resizepic(thispic)
{
if(thispic.width>700) thispic.width=700;
}
//双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
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>



来源:网络
阅读:33
日期:2008-5-14

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:上网必备的10款免费安全软件(附下载地址)
下一篇:SQL语句 SELECT LIKE like用法详解

  >> 相关文章
 
  ·实现滚动滚轮放大缩小图片,鼠标中键放大缩小图片
  ·让FCKEditor与dp.syntaxhighlighter完美结合
  ·向上滚动代码,不间断
  ·[原创]javascript截取文本框内容
  ·javascrpt 退出灰色
  ·showModalDialog子窗口怎样向父窗口传参数
  ·javascript技巧参考(转载)
  ·javactript关闭窗体 刷新父窗体

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 免费电影 | BT电影下载 | 东莞信息网 | 流行购商城

授权使用:汉南在线 http://hnzx.hzwz.net/
经营许可证:陕ICP备05000109号 Powered by:汉南在线
Copyright (c) 2002-2007 汉南在线. All Rights Reserved .