基于jquery的DIV随滚动条滚动而滚动的代码
基于jquery的DIV随滚动条滚动而滚动的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:核心代码:复制代码代码如下:$(function(){$(window).scroll(function(){vartop=$(window...

核心代码:

复制代码 代码如下:

<script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

$(function() {

$(window).scroll(function() {

var top = $(window).scrollTop()+200;

var left= $(window).scrollLeft()+320;

$("#editInfo").css({ left:left + "px", top: top + "px" });

});

});

</script>

<div id="editInfo">

<div>用户名:<input type="text" /></div>

<div>密码:<input type="text" /></div>

<div>年龄:<input type="text" /></div>

<div>备注:<input type="text" /></div>

<div><input type="button" value="保存" /></div>

</div>

<div></div>

在线演示 http://demo.jb51.net/js/2012/jquery_demo/jquery_div.html

记得以前写这样的代码比较麻烦,现在有了JQuery简单多了,就几行代码搞定!

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类