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

如下所示:

复制代码 代码如下:

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

</head>
<body>
<%
  for i=1 to 100
%>
<p>双击屏幕滚动的Js代码</p>
<%
  next
%>
</body>
</html>

时间: 2024-11-02 01:33:14

Js实现双击鼠标自动滚动屏幕的示例代码_javascript技巧的相关文章

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

 这篇文章主要介绍了Js实现双击鼠标自动滚动屏幕的示例代码.需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:  代码如下: <html> <head>   <script language="javascript" type="text/javascript"> //双击鼠标滚动屏幕的代码 var currentpos,timer; function initialize() {   timer=setInterval(&

Javascript实现DIV滚动自动滚动到底部的代码_javascript技巧

查询了一下相关的资料,Div没有自动滚动的属性,只能模拟鼠标的滚动来现实想要的效果. 关键的部分部分在这里:div.scrollTop = div.scrollHeight; 下面是具体实现的精简代码: 复制代码 代码如下: <html> <body> <div id="divDetail" style="overFlow-y:scroll; width:250px;height: 200px;"> <table style

Div自动滚动到末尾的代码_javascript技巧

在一<div></div>内有一Table,利用js不停往table中执行insertRow(-1), div.style.overflow = "auto" 想让div在执行insertRow(-1)之后自动滚动到末尾(新行) 方法: var newRow = table.insertRow(-1); newRow.scrollIntoView();

JS实现仿百度输入框自动匹配功能的示例代码_javascript技巧

现在很多网站都有这种效果,在文本框输入一个字符,下边会出来相匹配的内容,这个代码就演示了这个功能是如何完成的,当然,这是个静态的,你可以将提示的内容从数据库读取出来,要用到AJAX那东东. 复制代码 代码如下: <HTML><HEAD><title>带输入匹配的文本框</title><style>body,div {font-family:verdana;line-height:100%;font-size:10pt;}input {width:

js实现双击单元格变成文本输入框效果代码_javascript技巧

dblclick                                      

js 事件截取enter按键页面提交事件示例代码_javascript技巧

假如你在一个文本框中按enter事件是让他执行一个js函数,但是不想提交表单,可以这样做: function ysearch() //年文本框回车键后重新加载DataWindow{    validateInputText('yyyy');//想做的第一个js函数    if(event.keyCode==13)    {        changeym();//想做的第二个js函数,做完后把event给清空        event.returnValue=false;//把event事件给截

Js+Jq获取URL参数的集中方法示例代码_javascript技巧

JQ取值方法: jquery本身也不存在取得URL参数的方法,但是已经存在插件,可以直接取得URL等参数 插件连接主页:https://github.com/allmarkedup/jQuery-URL-Parser 下载链接:http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip Examples of use Using the current page's url (for these examples ht

js禁止页面复制功能禁用页面右键菜单示例代码_javascript技巧

<body oncontextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制. js代码禁用复制功能: 复制代码 代码如下: <script type="text/javascript"> document.body.onselectstart=document.body.oncontextmenu=function(){ return false;} </script> 注意这段代码必须放在

使用js对select动态添加和删除OPTION示例代码_javascript技巧

<select id="ddlResourceType" onchange="getvalue(this)"> </select> 动态删除select中的所有options: document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option: document.getElementById("ddlResourc