jquery 滚动条事件简单实例

这篇文章介绍了jquery滚动条事件的简单实例，有需要的朋友可以参考一下
 
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(function(){
var lazyheight = 0;
//获取数据
function showload(){
lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if ($(document).height()-100 <= lazyheight) {
alert("xxx");
}
}
//showload();
//绑定事件
$(window).bind("scroll", function(){
//当滚动条滚动时
showload();
});
})
</script>
</head>
<body>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
<img src="82938048_46374805.jpg"/>
</body>
</html>

时间： 2024-10-31 13:44:57

jquery 滚动条事件简单实例的相关文章

jquery 滚动条事件简单实例_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

jQuery hover事件简单实现同时绑定2个方法_jquery

本文实例讲述了jQuery hover事件简单实现同时绑定2个方法.分享给大家供大家参考,具体如下: 这里将hover事件同时挂2个方法: 1个是悬停的时候执行的,另外一个是离开的时候执行 代码如下: $(document).ready(function() { $("#orderedlist li").hover( function() {$(this).addClass("blue");}, function() {$(this).removeClass(&qu

jQuery的事件委托实例分析_jquery

事件委托主要是利用事件冒泡现象来实现的,对于事件委托的精准的掌握,可以有利于提高代码的执行效率.先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{ width:300px; height:60px; backgroun

移动-jQuery 滚动条事件监听

问题描述 jQuery 滚动条事件监听 $(window).scroll(function() { var a = $(this).scrollTop() ;//现在滚动条距离顶端的距离 if (a >= c[c.length - 1]) {//c数组里面每个元素是该元素距离顶端的距离 $(""#oc"").html(cc[c.length - 1]);//oc是一个浮动条 具体参考移动端 12306城市往返选择上面的每一组城市的拼音A.B.C.D.... /

js动态添加的DIV中的onclick事件简单实例_javascript技巧

最简单的是这样: <input type="button" onclick="alert(this.value)" value="我是 button" /> 动态添加onclick事件: <input type="button" value="我是 button" id="bu"> <script type="text/javascript&quo

JQuery触发事件多实例讲解

JQuery触发事件使代码分离 在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了,这样的 写法则是让代码与html结合到一起了,在Jquery中就不用这样了,它有另外的几种写法,可以使代码与html分开: 比如页面中有一个按钮:<input id="btn" type="button" value="提交" /> 我们要触发它的点击事件可以有下面两种方式: 一:jQuery(fun

jQuery extend 的简单实例_jquery

复制代码 代码如下: jQuery.extend = jQuery.fn.extend = function() {    var options, name, src, copy, copyIsArray, clone,        target = arguments[0] || {},        i = 1,        length = arguments.length,        deep = false;     // Handle a deep copy situati

Jquery创建ajax简单实例代码

function createXMLHttpRequest(){   if(window.ActiveXObject){       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   }else if(window.XMLHttpRequest) {       xmlHttp = new XMLHttpRequest();   } } function startRequest(url,returnfun) {    create

Jquery 自定义事件实现发布/订阅的简单实例_jquery

Jquery 自定义事件实现发布/订阅的简单实例 //用户点击logoff按钮时,广播一个自定义事件,给任何需要保存状态的感兴趣的观察者,然后导航到logoff页面 $('#logoff').click(function(){ $.event.trigger("logoff");//广播一个事件 window.location = "logoff.php";//导航到新页面 }); 以上这篇Jquery 自定义事件实现发布/订阅的简单实例就是小编分享给大家的全部内容