lzth.net
当前位置:首页 >> 当一个Div运动到一定位置触发事件(用jquEry和js都... >>

当一个Div运动到一定位置触发事件(用jquEry和js都...

使用JQuery 获取div距离顶部的距离: $("div").offset().top创建滚动条监听事件,$(window).scroll(function(e){ //滚动距离 $(window).scrollTop();});滚动距离 到达 div的距离时,触发事件

onscroll 鼠标滚动条事件应该可以实现,当滚动的时候,判断scrollTop(document.documentElement.scrollTop),再实行加载.

jQuery的animate方法即可. <script> $(document).ready(function(){ $("button").click(function(){ $("div").animate({ left:'400px', bottom:'200px', opacity:'0.5' }); });});</script>

这种例子有很多,一般的网站浮动广告就是这种效果.我觉得你的要求,不需要用到jQuery或js,用CSS就可以实现,但不用fixed..float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;} 其中,最关键的

方法:$(function() {$(".div_md a").click(function() {$("html, body").animate({scrollTop: $($(this).attr("href")).offset().top - 100 + "px"}, 1500);return false;});//滚动条滚动到指定位置触发下面事件var getDiv_md = $(".div_md");var

<!DOCTYPE html><html lang="en"><head> <script src="js/jquery-1.9.1.min.js"></script> <title>Title</title> <style> .header{ width: 100%; min-height: 30px; background-color: red; } .footer{ position: fixed; bottom: 0; width: 100%; height: 30px;

你是想div在show的时候触发事件吗?如果是的话你可以变相解决<br>$(document).ready(function(){<br> $("#divID").show(function(){<br> alert("completed");<br> });<br>});

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="js/jquery-2.1.1.min.js"></script><style>.page{height:500px;width:500px;margin:0 auto;background-color:#CC9;overflow:hidden;overflow-y:auto;position:

你的思路几乎无法实现,因为你只能获得当前位置,而无法获得其他的坐标信息.如果你是一个类似华容道的应用,移动div的行为应该有一定的范围,且每次移动都有一个步长(如左移1格,下移一格),那么你就可以判断到目标格中是否已经有了一个div从而继续处理了

使用jQuery$("#click div").click(function(){ var index=$(this).index(); $("#show div").eq(index).show("slow").siblings().hide("fast");});

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.lzth.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com