网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
基于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/ charset=utf-8" /& &title&&/title& &style type="text/css"& body { height:2000 } .float_mx{ background:#CCC; width:100 height:100 display: } &/style& &/head& &body& &div class="float_mx"& 在此添加内容 &/div& &script src="/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"&&/script& &script type="text/javascript"& (function($) { $.fn.scrollBox = function(options){ var defaultOptions = { speed: 0.1, //加速 time: 16, //移动速度 top: 200, //默认顶部 align: 'right', //浮动位置，可选左、右 mix: 0 //边距 }; var options = $.extend(defaultOptions, options); this.each(function(){ var obj = $(this); init(); function init(){ obj.css('display', 'block'); obj.css('position', 'absolute'); obj.css(options.align, options.mix); obj.css('top', options.top+'px'); obj.css('z-index', '99'); move(); } function back() { acceleration = options. time = options. var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; if (document.documentElement) { x1 = document.documentElement.scrollLeft || 0; y1 = document.documentElement.scrollTop || 0; } if (document.body) { x2 = document.body.scrollLeft || 0; y2 = document.body.scrollTop || 0; } var x = Math.max(x1, x2); var y = Math.max(y1, y2); var speed = return { l: x, t: y, s: speed }; }; function move(){ var tip = var old = options. var pos = back().t; pos = pos - $(tip).Coordinate().y + options. pos = $(tip).Coordinate().y + pos / 10; if (pos & options.top) { pos = options. } if (pos != old) { tip.css('top',pos + "px"); } old = window.setTimeout(function(){move();}, options.time); }; }); }; $.fn.Coordinate = function(){ var E = $(this)[0]; var C = E.offsetT var B = E.offsetL var A = E.offsetW var D = E.offsetH while (E = E.offsetParent) { C += E.offsetT B += E.offsetL } return { x: B, y: C, w: A, h: D }; }; })(jQuery); $('.float_mx').scrollBox(); &/script& &/body& &/html&
把下面这段代理放到单独的js文件中，代码中的css代码可以删掉，display设为none，是为了避免在页面未加载完，显示不正确的问题。
代码如下: (function($) { $.fn.scrollBox = function(options){ var defaultOptions = { speed: 0.1, //加速 time: 16, //移动速度 top: 200, //默认顶部 align: 'right', //浮动位置，可选左、右 mix: 0 //边距 }; var options = $.extend(defaultOptions, options); this.each(function(){ var obj = $(this); init(); function init(){ obj.css('display', 'block'); obj.css('position', 'absolute'); obj.css(options.align, options.mix); obj.css('top', options.top+'px'); obj.css('z-index', '99'); move(); } function back() { acceleration = options. time = options. var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; if (document.documentElement) { x1 = document.documentElement.scrollLeft || 0; y1 = document.documentElement.scrollTop || 0; } if (document.body) { x2 = document.body.scrollLeft || 0; y2 = document.body.scrollTop || 0; } var x = Math.max(x1, x2); var y = Math.max(y1, y2); var speed = return { l: x, t: y, s: speed }; }; function move(){ var tip = var old = options. var pos = back().t; pos = pos - $(tip).Coordinate().y + options. pos = $(tip).Coordinate().y + pos / 10; if (pos & options.top) { pos = options. } if (pos != old) { tip.css('top',pos + "px"); } old = window.setTimeout(function(){move();}, options.time); }; }); }; $.fn.Coordinate = function(){ var E = $(this)[0]; var C = E.offsetT var B = E.offsetL var A = E.offsetW var D = E.offsetH while (E = E.offsetParent) { C += E.offsetT B += E.offsetL } return { x: B, y: C, w: A, h: D }; }; })(jQuery);
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：如果您愿意付费请人建站、制作模版，可以在这里发帖。谢绝广告！
本版面用于提出建站、维护需求。严禁广告贴，违者封ID/IP
& 分页： 1 / 1
求一个QQ浮动在线客服插件或代码,最好多个QQ的,谢谢
找客户,找&加速度&您想得到,咱挖得到
帖子: 13注册:
有了能不能也发给我一份
我的qq号码是
提前谢谢了
帖子: 1注册:
&SCRIPT language=javascript&//javascript documentlastScrollY=0;function heartBeat(){ var diffY;if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTelse if (document.body)
diffY = document.body.scrollTopelse
{/*Netscape stuff*/}//alert(diffY);percent=.1*(diffY-lastScrollY); if(percent&0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById(&a_d_100_1&).style.top=parseInt(document.getElementById(&a_d_100_1&).style.top)+percent+&px&;document.getElementById(&a_d_100_2&).style.top=parseInt(document.getElementById(&a_d_100_2&).style.top)+percent+&px&;lastScrollY=lastScrollY+ //alert(lastscrolly);}function MM_swapImgRestore() { //v3.0 document.getElementById('dis').style.display='none';}function MM_swapImage() { //v3.0document.getElementById('dis').style.display='block';}code1=&&div id=\&a_d_100_1\& style='position:text-align:top:50left:15'&&/div&&code2=&&div id=\&a_d_100_2\& style='position:text-align:top:70right:15z-index:998;font-size:12'&&a href='javascript:;' onclick=\&a_d_100_2.style.display='none'\&&&font color='#000000'&Close&/font&&/a&&br&&div style='width:100 text-align:'&&a href='index/msgrd?V=1&Uin=&Site=点击在线服务&menu=yes& title=&点击在线服务& target=&_blank&&&img src=&images/n1-2_32.jpg& alt=&业务咨询'
onMouseOut='MM_swapImgRestore()' onMouseOver='MM_swapImage()'&&img src='&? echo DIR_WS_TEMPLATE;?&images/QQ.gif' width='100' height='50' /&&/a&&/div&&/div&&/div&&/div&&document.write(code1); document.write(code2); window.setInterval(&heartBeat()&,1); &/SCRIPT&
你好！如果你的问题还没有被解决可以加QQ：！
帖子: 62注册:
显示帖子 : 全部帖子1天7天2周1个月3个月6个月1年
排序 作者发表时间文章标题 升序降序
& 分页： 1 / 1
正在浏览此版面的用户：没有注册用户 和 0 位游客用C#编程，把鼠标放在地图的一个要素类上，想要使其出现一个浮动框，怎样编程？_百度知道
Panel就可以呀！
其他类似问题
鼠标的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁框架页中如何浮动一个DIV
[问题点数：20分，结帖人taiful307]
框架页中如何浮动一个DIV
[问题点数：20分，结帖人taiful307]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
2013年10月 Web 开发大版内专家分月排行榜第三
2009年5月 .NET技术大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。查看: 3889|回复: 8
求一个IPhone5有流量浮动窗软件.
求一个IPhone5有流量浮动窗软件.
就一上网时在卓面显示一个浮动流量窗口,可以知道当时的网速,下载流量是多少.
像安卓那种,
苹果到底有没有这类的软件,有的求推荐.
我也想要~~~~~~~~~~~
本帖最后由 丶公子云丶 于
15:37 编辑
lhr 发表于
我也想要~~~~~~~~~~~
可惜一直找不到
我也想要，楼主要是找到了请分享下下，谢谢！
\oyoung& &这个源最后一个插件，流量计，，可以选择状态栏显示或者浮窗显示，，，
用腾讯手机管家PRO
有浮窗的就是安卓！
越狱后装插件就有
装data counter 这个插件就可以威锋源就有
Powered by
北京市公安局海淀分局网监中心备案编号：}