`
mengtaohj
  • 浏览: 23629 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

鼠标滚动到某一个位置触发的事件

    博客分类:
  • js
 
阅读更多

       鼠标移动到某一个位置时,触发的事件。

        //绑定事件

        $(window).bind('scroll',function(){

    //算出鼠标移动到顶部的高度。

                            var scrollt = document.documentElement.scrollTop + document.body.scrollTop;

   alert(scrollt);

   if(scrollt > 100)

   {

   alert("弹出框来啦。");

                                //进行操作。

   }else{

                            //进行其他操作

   }

})

分享到:
评论

相关推荐

    鼠标触发的事件,JS脚本

    鼠标触发的事件,JS脚本 鼠标事件是指在 Web 浏览器中,用户通过鼠标交互引发的事件。...5. onSubmit:一个表单被递交时触发的事件。 这些事件可以被用来实现各种交互效果,如表单验证、自动填充等。

    jquery实现的某汽车网站全屏广告鼠标滚动切换特效源码.zip

    在这个案例中,jQuery将被用来监听用户的鼠标滚动事件,并根据这个事件来触发广告图片的切换。 首先,HTML部分会定义一个全屏广告区域,通常是一个div元素,包含多个广告图片作为背景或者内联元素。这些图片可能...

    javascript:onmouse事件大全

    * onMouseOver:当鼠标移动到某对象范围的上方时触发的事件 * onMouseMove:鼠标移动时触发的事件 * onMouseOut:当鼠标离开某对象范围时触发的事件 * onKeyPress:当键盘上的某个键被按下并且释放时触发的事件 * ...

    pb事件说明汇编

    本文档旨在为PowerBuilder(PB)开发者提供一个全面、详尽的事件汇总。随着PB资料逐渐减少,这份文档显得尤为珍贵,是初学者和进阶用户理解PB事件机制的重要参考资料。文档详细列出了与不同控件相关的事件及其作用,...

    随鼠标滚动的广告类悬浮窗

    例如,可以使用`$(window).scroll()`来触发一个函数,该函数会在窗口滚动时执行,然后通过`$(window).scrollTop()`获取当前滚动条的位置,以计算悬浮窗的新位置。 "images\main1.JPG"、"images\main2.JPG"、"images...

    鼠标移动DataGrid显示详细信息

    - `DataGrid1_ItemDataBound`:这是一个服务器端事件,当 DataGrid 的每一项加载完毕时触发。在此事件处理程序中,可以为每一项添加 `onmouseover`、`onmousemove` 和 `onmouseout` 的事件处理函数。 - `...

    jQuery鼠标滚轮滑动到页面节点部分.zip

    在这个事件触发时,我们可以获取当前页面的滚动位置,然后判断是否接近预设的目标节点。 CSS3在此特效中起到了美化滚动效果的作用。通过使用CSS3的`transition`和`transform`属性,可以实现平滑的过渡效果。例如,...

    Html事件列表

    #### onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件 - **定义**:当鼠标光标进入元素范围内时触发。 - **用途**:常用于显示提示信息、改变元素样式等。 - **示例**: ```html ...

    JS全部事件整理汇总

    在JavaScript中,事件处理是非常重要的一个环节,通过事件处理可以让页面响应用户的操作或者某些特定条件下的变化。本文将对常见的JavaScript事件进行整理汇总,希望对读者在学习或复习时有所帮助。 #### 二、详细...

    noobZoom:一个小测试,尝试用鼠标悬停滚动来做一个简单的缩放;

    而鼠标滚动事件则由`scroll`事件处理。当用户滚动页面或某个可滚动元素时,这个事件会被触发。为了监听这个事件,开发者需要在目标元素上设置事件监听器,并定义处理函数来改变缩放级别。 在实现缩放效果时,...

    jQuery企业发展大事件时间轴代码.zip

    开发者可能使用jQuery选择器来定位时间轴上的各个元素,如年份标签、事件节点等,然后绑定相应的事件处理器,如鼠标滚动事件,以实现年份的切换。`$.fn.extend()`可以用来扩展jQuery对象的方法,定制自己的插件,这...

    jquery一屏4张图一齐滚动的焦点图Demo

    开发者可能设置了一个定时器,每隔一定时间自动触发滚动事件。 7. **响应式设计**:考虑到不同设备的屏幕尺寸,这个Demo可能采用了媒体查询(`@media query`)或Bootstrap等框架,确保在手机、平板和桌面电脑上都有...

    图片指定位置缩放源码20130125

    当用户滚动鼠标滚轮时,会触发一个滚轮事件,程序可以捕获这个事件并执行相应的缩放操作。这需要对事件监听器和事件处理函数有深入的理解。 3. 缩放算法:等比例缩放的关键在于保持纵横比,以防止图片变形。常见的...

    javascript文字滚动案例

    4. 事件监听:为了实现用户交互,如暂停或恢复滚动,可以使用`addEventListener`来监听鼠标悬停、点击等事件,然后根据事件触发相应的功能。 5. 动态计算:在某些情况下,可能需要根据文本的长度和容器的大小动态...

    jQuery多图横向滚动.zip

    当用户触发滚动事件时,JavaScript会更新图片的位置,并确保滚动过程中始终保持某一张图片处于可视中心。 HTML5在此项目中的角色主要是提供结构化的页面元素,例如定义一个包含所有图片的容器,并为每张图片分配一...

    鼠标移上去显示相应比率大图源码

    "鼠标移上去显示相应比率大图源码"是一个典型的增强用户体验的技术实现,它允许用户将鼠标悬停在某一元素上时,显示一个放大版的图像,以更清晰地查看细节。这种功能常见于电子商务平台的产品图片展示、地图应用中的...

    利用JavaScript制作无缝的连续滚动广告效果.pdf

    5. Marquee标记可以移动文字、图片、表格甚至其他页面元素,但使用Marquee标记实现文字滚动有一个缺陷,就是在文字滚动的过程中,总会有一段时间出现无滚动文字的情况。 6. 使用JavaScript脚本代码和Div层可以弥补...

    jQuery左右图片自动滚动特效.zip

    "jQuery左右图片自动滚动特效"是一个利用jQuery库实现的动态图片展示功能,它允许图片以自动化的方式左右滚动,为网站增添动感和交互性。 该特效的核心在于jQuery的选择器、事件处理和动画方法。jQuery库以其简洁的...

    slide图片滚动

    在网页设计中,"slide图片滚动"是...总的来说,"slide图片滚动"是一个结合了前端布局、事件处理、动画效果和用户体验设计的综合知识点。掌握这一技能不仅能提升网页的交互性,还能为用户提供更流畅、更有趣的浏览体验。

Global site tag (gtag.js) - Google Analytics