可以浮动某个物体的jquery控件用法实例
更新时间：2015年07月24日 12:24:27 作者：罪恶的花生
这篇文章主要介绍了可以浮动某个物体的jquery控件,实例分析了jquery控件实现页面浮动层的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了可以浮动某个物体的jquery控件。分享给大家供大家参考。具体如下：
js代码如下：
(function($){
$.fn.scrolltip = function(){
$(this).each( function() {
var obj = $(this);
var objtop = obj.position().top;
$(window).scroll(function(){
obj.css({
top:$(window).scrollTop()+objtop,
position:'absolute'
});
});
});
}
})(jQuery);
html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="lib/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/tip.js"></script>
</script>
<title>JQuery</title>
</head>
<body><div style="height:300px;background:#eee"><span id="colspon"></span></div>
<br/>
<br/>
<br/>
<div id="float" style="width:744px;height:34px;border:1px solid #C0DBF8;"></div>
<div style="height:1000px;background:#eee"></div>
</body>
</html>
希望本文所述对大家的jquery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery实现frame之间互通的方法,结合实例形式分析了jQuery实现frame父子框架之间的调用操作实现方法,需要的朋友可以参考下2017-06-06
Tooltip（提示框）是一种常见的效果，它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难，但如果你想不劳而获，可以试试 Tips。2015-07-07
在用Maxthon的时候无意看到一个浮动框，把它改成基于jquery的，扩展性比较好，发来分享下。2010-08-08
将一个表单序列化为一个对象的方法有很多，感兴趣的朋友可以了解下本文所介绍的这个，希望对大家有所帮助2013-12-12
这篇文章主要介绍了jquery+ajax实现省市区三级联动效果,结合实例形式分析了jQuery结合ajax实现省市区三级联动功能的具体步骤与相关操作技巧,需要的朋友可以参考下2017-01-01
当鼠标停留在表头边框线上时，鼠标会变成表示左右拖动的形状，接着拖动鼠标，会在表格中出现一条随鼠标移动的竖线，最后放开鼠标，表格列宽会被调整2014-09-09![jQuery中[attribute=value]选择器用法实例](//img.jbzj.com/images/xgimg/bcimg6.png)
jQuery中[attribute=value]选择器用法实例
这篇文章主要介绍了jQuery中[attribute=value]选择器用法,实例分析了[attribute=value]选择器的功能、定义及给定属性及属性值元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
网上关于JS实现贪吃蛇的文章有很多，最近闲来无事，想着利用jQury来实现贪吃蛇小游戏，下面实现这篇文章主要介绍了利用jQuery实现贪吃蛇小游戏的方法，文中给出的是吸纳思路和示例代码，需要的朋友可以参考下。2017-03-03
这篇文章主要介绍了jQuery点击其他地方时菜单消失的实现方法,结合实例形式分析了jQuery实现点击其他地方让菜单消失的实现思路与解决方法,需要的朋友可以参考下2016-04-04
这篇文章介绍了jQuery焦点图切换特效插件封装实例，有需要的朋友可以参考一下2013-08-08
![jQuery中[attribute=value]选择器用法实例](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论