`
kenshinlk
  • 浏览: 118299 次
  • 性别: Icon_minigender_1
  • 来自: 广东.佛山.南海
社区版块
存档分类
最新评论

鼠标控制DiV层滚动

鼠标控制div层滚动 
阅读更多
<html>
        <body  onscroll="move()">
<div style="position:absolute;top:30px;left:0px; width:300; height:300" id=a>
  <table width="50" height="100%" bgcolor="blue">
          <tr width="100%" height="100%"><td width="100%" height="100%">ddddddd</td></tr>
  </table>
</div>
  <table width="1000%" height="1000" >
          <tr width="100%" height="100%"><td width="100%" height="100%">ddddddd</td></tr>
  </table>
        <script>
                  function move() {
                      var y = document.body.scrollTop;
                      document.getElementById("a").style.top = eval(y+30)+"px";
                      var x = document.body.scrollLeft;
                      document.getElementById("a").style.left = eval(x)+"px";
                  }
        </script>
</body>
</html>

鼠标滚动，层跟着滚动
分享到：
| 光标处插入文本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    鼠标滚动div内容

    在网页设计中，"鼠标滚动div内容"是一种常见的交互效果，它允许用户通过鼠标滚轮在特定的div区域内浏览上下内容。这种效果通常利用JavaScript（JS）实现，以增强用户体验，尤其是在内容丰富的页面中。接下来，我们将...

    js实现鼠标滑动到某个div禁止滚动

    关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能，这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如，在一个产品...

    JQuery 随鼠标滚动条滚动的div

    标题中的“JQuery 随鼠标滚动条滚动的div”是指使用JQuery库来实现一个功能，即当用户滚动页面时，某个特定的div元素会跟随滚动条一起移动。这个功能在网页设计中常见于侧边栏菜单、广告条或者固定导航栏等，目的是...

    js 随鼠标滚动条滚动的div

    在JavaScript中，实现一个div元素随鼠标滚动条滚动的效果，主要涉及到两个关键概念：事件监听和CSS定位。这个效果常用于创建固定定位的侧边栏、头部导航等元素，即使页面滚动，它们仍然保持在视口中的特定位置。 ...

    Div滚动条随鼠标滚动js版（由网友JQuery版改写而成）

    综上所述，这个JavaScript解决方案通过监听滚轮事件并手动控制`div`的滚动位置，有效地解决了在IE8下`div`内滚动条无法滚动的问题。在实际应用中，开发人员需要根据具体项目需求和目标浏览器范围进行适当的调整和...

    鼠标滚轮控制左右滑动

    在IT领域，尤其是在网页开发中，用户交互设计是至关重要的，而“鼠标滚轮控制div左右滑动”是一种增强用户体验的创新技术。标题所指的这个功能允许用户通过鼠标滚轮来实现页面或某个特定div区域的水平滚动，而不是...

    jquery特效DIV层跟随页面向下滚动

    总的来说，"jquery特效DIV层跟随页面向下滚动"是一种增强网页交互性的常见技术，它结合了jQuery的选择器、事件处理和样式控制，使关键内容始终保持可见，提高用户的浏览体验。在实际项目中，可以通过调整CSS样式和...

    鼠标控制左右滚动图片带自动翻滚

    在网页设计中，实现“鼠标控制左右滚动图片带自动翻滚”的功能，是提升用户体验的一种常见方式。这种功能使得用户可以通过鼠标操作或者设定的自动滚动机制来浏览一系列图片，为网站增加动态效果和互动性。以下是对这...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    在JavaScript中，获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求，这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先，我们需要理解两个基本概念：`event.clientX` 和 `event....

    JS+DIV无缝滚动代码

    根据给定的文件信息，我们可以总结出以下关于“JS+DIV无缝滚动代码”的知识点： ### 一、基础知识 #### 1.1 DIV容器与CSS样式 - **`&lt;div&gt;`**：HTML文档中最常见的标签之一，用于组合其他HTML元素，没有特定的格式...

    简单鼠标手势控制页面滚动

    这个程序的设计目标：用Silverlight实现一个浮动在页面右下角的鼠标手势控制块，让用户用鼠标手势控制页面滚动，提供更好的用户浏览体验。 设计计划： 1.制作一个浮动DIV，承载Silverlight。 2.实现鼠标移动方向与...

    js 无缝滚动，鼠标放上去暂停代码

    3. **定时器**：通过`setInterval`和`clearInterval`控制元素的滚动行为。 ### 示例代码解析 #### HTML 结构 ```html &lt;div align="center" id="demo" style="overflow:hidden;height:200px;width:600px;border:1...

    Div滚动条随鼠标滚动Jquery版（转）

    Div滚动条随鼠标滚动Jquery版（转）Div滚动条随鼠标滚动Jquery版（转）

    移动的div层,层的滚动

    Glider.js允许开发者创建具有平滑滚动效果的div层，支持多种定制选项，如箭头导航、dots指示器和响应式布局。 四、实践应用 移动的div层在许多场景下都非常实用，比如： - 滑动导航：div层可以作为导航菜单，通过...

    javascript+div图片无缝滚动

    - 通过`onMouseOver`和`onMouseOut`事件监听鼠标操作，控制滚动行为的变化，增强交互性。 ##### 4. HTML结构设计 - 使用`&lt;table&gt;`、`&lt;tr&gt;`和`&lt;td&gt;`等标签构建布局，其中`&lt;div id="circleImg"&gt;`作为图片容器，包含多...

    js 实现 div的自动滚动

    js 实现 div的自动滚动! 值得下载看看!资源免费,大家分享!!

    超级经典一套鼠标控制左右滚动图片带自动翻滚.rar

    标题中的“超级经典一套鼠标控制左右滚动图片带自动翻滚.rar”指的是一个压缩包文件，包含了一套可以使用鼠标控制的、左右滚动的图片展示方案，并且具备自动翻滚功能。这种技术在网页设计中非常常见，用于创建交互式...

    js图片左右无缝滚动用鼠标控制图片滚动

    JavaScript 图片左右无缝滚动是一种常见的网页动态效果，用于展示多张图片并使用户可以通过鼠标操作来控制图片的滚动。这种效果常被应用于产品展示、图片画廊或新闻滚动等场景，能够提升用户体验，使得信息浏览更为...

    超级经典一套鼠标控制左右滚动图片带自动翻滚

    本套资源聚焦于一种常见的网页互动效果——鼠标控制的图片滚动，同时涵盖了其他相关的前端技术，如层拖拽和输入框高亮显示。这些功能在现代网页设计中广泛使用，能够提升用户对网页内容的浏览体验。 首先，"超级...

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

Magicbox
Global site tag (gtag.js) - Google Analytics