鼠标滑动页面效果

最新推荐文章于 2022-08-11 15:06:26 发布

FigSprite

最新推荐文章于 2022-08-11 15:06:26 发布

阅读量847

点赞数

分类专栏：前端开发笔记

本文链接：https://blog.csdn.net/u014657071/article/details/105580979

版权

前端开发笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language="JavaScript">
<!--
var scrollcount=0;
var dragy;

var scrollarrowtop;

function initdrag() {
scrollcount=1;
dragy=event.clientY;
document.body.setCapture();
}

function startdrag() {
if (scrollcount==1) {
window.scrollBy(0,dragy-event.clientY);
document.body.style.cursor='hand';
dragy=event.clientY;
}
}

function enddrag() {
document.body.style.cursor='';
scrollcount=0;
document.body.releaseCapture();
}



// -->
</script>
<link rel="stylesheet" href="images/test.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000" onselectstart="return false;" onmousedown="initdrag()" onmousemove="startdrag()" onmouseup="enddrag()" scroll=yes>

<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>0</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>0</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>0</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>0</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>0</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>0</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>0</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>0</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>0</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>0</p>
</body>
</html>

FigSprite

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
鼠标滑动页面效果

<html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script language="JavaScript"><!--var scr...
复制链接

扫一扫

专栏目录