jQuery右下角浮动层信息栏支持最小化和最大化的鼠标拖动浮动框提示层
分享到 13:49:37阅读(1691)
jQuery 右下角弹出信息栏
jQuery与Js实现屏幕蒙层效果
下载资源：56次
下载积分：20分
代码评分：
10.0(已有1人评分)
不是怎么好用，嘿嘿，不过还行
额，不是我需要的。
效果不错，喜欢
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
下载该资源用户也下载了
未注册过用户可以点击直接登录哦！
使用注册邮箱登录技术交流QQ群： 连续5天打卡或以上获取100积分。
您已连续打卡1天，获得20积分。
jquery左侧浮动层热门新闻列表，点击浮动更多按钮，滑动动画显示更多热门新闻列表，点击关闭热门新闻列表。
运行环境：IE6 IE7 IE8及以上 Firefox
78人气248次
jquery固定层制作上下固定层，顶部固定层和底部固定层不抖动支持IE6浏览器。
运行环境：IE6 IE7 IE8及以上 Firefox
65人气202次
jQuery插件制作页面滚动后出现返回顶部按钮，可以设置返回顶部按钮的位置，且可以设置滚动到指定位置等。
运行环境：IE6 IE7 IE8及以上 Firefox
85人气543次
jquery左侧悬浮帮助菜单，点击帮助按钮收缩展示菜单内容，当点击菜单导航时，上下收缩展示菜单详细内容的悬浮层帮助菜单。
运行环境：IE6 IE7 IE8及以上 Firefox
50人气213次
jquery浮动菜单制作左侧浮动导航菜单跟随页面滚动始终保持浮动在页面，当鼠标滑过浮动菜单时展示二级下拉菜单效果。
运行环境：IE6 IE7 IE8及以上 Firefox
56人气237次
jquery浮动层特效制作右侧侧边悬浮在线客服代码，点击在线客服按钮展开在线客服信息，随着浏览器鼠标滚动，悬浮在线客服固定在页面中间。
运行环境：IE6 IE7 IE8及以上 Firefox
161人气789次
jquery浮动层点击图标按钮关闭滑动提示浮动层，或展开滑动提示浮动层。一般用于网站的文字提示信息浮动层。
运行环境：IE6 IE7 IE8及以上 Firefox
123人气308次
jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层插件。jQuery插件
运行环境：IE6 IE7 IE8及以上 Firefox
623人气2320次
jquery弹出层插件点击按钮背景淡隐淡现显示弹出层，当鼠标滑动标题时，可以拖动整个弹出层，点击按钮关闭弹出层。jQuery插件。
运行环境：IE6 IE7 IE8及以上 Firefox
399人气1729次
jquery顶部浮动弹出层，点击浮动层动画弹出层，弹出层从顶部动画滑动效果。jQuery下载。
运行环境：IE6 IE7 IE8及以上 Firefox
162人气542次
jquery浮动层特效或弹出层特效loading页面加载过程，异步加载loading特效。提示用户loading页面加载效果。jQuery下载。
运行环境：IE6 IE7 IE8及以上 Firefox
250人气888次
jquery浮动层制作导航定位层，浮动层导航随页面描点，上下滚动到相应位置。jquery下载
运行环境：IE6 IE7 IE8及以上 Firefox
67人气212次
div css3样式表制作jquery返回顶部按钮，浏览器滚动显示返回顶部按钮，点击滑动返回顶部。jquery下载
运行环境：IE6 IE7 IE8及以上 Firefox
77人气321次
jquery弹出层当鼠标点击文字或图片弹出层，弹出层浮动在屏幕上可以随浏览器上下滚动，弹出层可自动居中在页面中间。jquery下载。
运行环境：IE6 IE7 IE8及以上 Firefox
162人气595次
jquery弹出层特效制作一个类似flash动画效果的弹出层特效，鼠标点击按钮弹出一个带动画animate效果的浮动弹出层。jquery下载。
运行环境：IE6 IE7 IE8及以上 Firefox
163人气529次
用jquery特效制作左侧侧边浮动导航菜单，点击按钮左侧侧边浮动导航条滑动显示或隐藏，控制整体页面布局收缩变化。jquery下载。
运行环境：IE6 IE7 IE8及以上 Firefox
92人气245次
jquery浮动层提示框制作右下角float div提示框向上滑动提示，类似MSN/QQ、阿里旺旺的浮动层提示框特效。jquery下载。
运行环境：IE6 IE7 IE8及以上 Firefox
101人气365次
jquery smartFloat插件制作页面浮动层特效，浮动层，随浏览器滚动条滚动一直保持在页面固定顶部最上面位置，类似淘宝产品列表页默认排序搜索框效果，提高了用户体验设计。
运行环境：IE6 IE7 IE8及以上 Firefox
77人气344次
jquery 方能float浮动层插件支持左侧浮动、右侧浮动、左上浮动、右下浮动、定位浮动等功能，适用制作一些QQ MSN 旺旺在线客服等功能，是一款随意定位浮动层插件。
运行环境：IE6 IE7 IE8及以上 Firefox
128人气357次
jquery制作弹出层效果，当鼠标点击按钮弹出层，弹出层始终显示在页面的中间，兼容各大主流浏览器IE、firefox等，jquery弹出层是非常实用的jquery特效，一般网站弹出信息都能应用。
运行环境：IE6 IE7 IE8及以上 Firefox
177人气612次
页面默认状态下不显示返回顶部按钮，当随着滚动条滚动的时候后，显示返回顶部按钮，点击返回顶部按钮后返回到页面顶部。基于jquery 框架制作，提高用户体验设计。
运行环境：IE6 IE7 IE8及以上 Firefox
74人气282次
jquery 弹出层插件制作弹出层信息，鼠标点击文字内容信息获取文字标题与内容，弹出层flash动画显示，弹出层，始终上下垂直居中，左右水平居中，是一款比较酷炫轻量级的jquery 弹出层插件。
运行环境：IE6 IE7 IE8及以上 Firefox
126人气394次
用jquery制作图片信息放大提示与文字内容提示，鼠标滑过文本显示更多文字内容，鼠标点击图标弹出图片信息内容，互联网交互式图片，大图中的一些重要产品描述提示显示，提高用户体验设计。
运行环境：IE6 IE7 IE8及以上 Firefox
87人气261次
jquery 弹出层插件 ThickBox 网页UI对话框部件，是一款多功能弹出层插件包含有，图片弹出层、内嵌内容弹出层，iframe弹出层，ajax弹出层等的内容服务的jquery多功能弹出层插件。
运行环境：IE6 IE7 IE8及以上 Firefox
162人气569次
jquery特效插件FancyBox弹出层支持多种方式弹出层如：图片弹出层、文字信息弹出层、flash弹出层、ajax弹出层、Iframe弹出层。
运行环境：IE6 IE7 IE8及以上 Firefox
400人气1866次jQuery实现拖动布局并将排序结果保存到数据库数据库
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
jQuery实现拖动布局并将排序结果保存到数据库
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口您当前的位置：&&&&&正文
基于jquery的拖动布局插件
(function($){ $.fn.lsMovePanel=function(){ var id=this.attr("id"); var X=Y=0; var offsetX=offsetY=0;//绝对位置 var OldIndex=0;///存储原始索引 var Temp_Li="&li id=\"Temp_Li\" style=\"background-color:#FFFFFF;border-color:#FF023C\"&&/li&"; var Move_///当前拖动的对象 $("#"+id+" li").each(function(i){ $(this).attr("open","0"); //鼠标点击 $(this).bind("mousedown",function(){ if(event.button==1 || event.button==0){$(this).attr("open","1");} if($(this).attr("open")=="1"){ $(this).css({ cursor:"move", opacity:"0.7" }); X=event.clientX; Y=event.clientY; offsetX=$(this).offset(). offsetY=$(this).offset(). OldIndex=$(this).index(); $(this).css({ position:"absolute", left:offsetX, top:offsetY }); $("#"+id+" li").each(function(i){ if(i==OldIndex){ $(this).after(Temp_Li); } }) } }); //鼠标放开 $(this).bind("mouseup",function(){ if(event.button==1 || event.button==0){$(this).attr("open","0");} if($(this).attr("open")=="0"){ $("#Temp_Li").before($(this)); $(this).animate({ left:$("#Temp_Li").offset().left, top:$("#Temp_Li").offset().top, },300,function(){ $("#Temp_Li").remove(); $(this).css({ cursor:"default", opacity:"1", position:"static" }); }); $("#"+id+" li").each(function(i){ $(this).css({ "border-color":"#666666" }); }); } }); //移动 $(this).bind("mousemove",function(){ if($(this).attr("open")=="1"){ var current_X=current_Y=0; current_X=offsetX+event.clientX-X; current_Y=offsetY+event.clientY-Y; $(this).css({ position:"absolute", left:current_X, top:current_Y }); Move_obj= $("#"+id+" li").each(function(i){ if(i!=OldIndex && $(this).attr("id")!="Temp_Li"){ var Deviation=0; var Max_X=$(this).offset().left+$(this).width()-D var Min_X=$(this).offset().left+D var Max_Y=$(this).offset().top+$(this).height()-D var Min_Y=$(this).offset().top+D if((event.clientX & Max_X) && (event.clientY+$(Move_obj).height() & Max_Y) && (event.clientY+$(Move_obj).height() & Min_Y) && (event.clientX & Min_X) && (event.clientY & Max_Y) ){ $(this).css({ "border-color":"#FF7578" }); //判断覆盖对象索引值在前还是后 if(OldIndex&$(this).index()){ $("#Temp_Li").before($(this)); $("#Temp_Li").remove(); $(this).before(Temp_Li); }else{ $("#Temp_Li").after($(this)); $("#Temp_Li").remove(); $(this).after(Temp_Li); } }else{ $(this).css({ "border-color":"#666666" }); } } }) } }); }); } })(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=gb2312"/& &title&&/title& &style& #Panel{ width:630 height: padding:0 } #Panel li{ float: list-style: width:300 height:100 margin:5 background-color:#D9F1FF; border:1px dotted #666666; text-align: position: } *{ font-size:12 } &/style& &/head& &script src="/jslib/jquery/jquery-1.4.2.min.js"&&/script& &script src="/jslib/lsMovePanel.js"&&/script& &body& &div style="margin-left:100"& &ul id="Panel"& &li style="background-color:#3399FF"&&/li& &li style="background-color:#00CCFF"&&/li& &li style="background-color:#CC9900"&&/li& &li style="background-color:#FF6600"&&/li& &li style="background-color:#FFCC99"&&/li& &/ul& &/div& &script& $("#Panel").lsMovePanel(); &/script& &/body& &/html& --博才网
猜你还喜欢的文章
热点文章排行榜
读完这篇文章后，您心情如何？
您还有150字可以输入
更多资讯请点击
热门关键字：，，，
【打印文章】
该换一换你的桌面了 宅男女神周韦彤
德国超模布洛姆秀香肩美背翘臀 性感热辣
猫眼超模蕾丝内衣
组图：中华小姐众佳丽泳装秀 上围丰满美腿林立
沈阳温泉丽人大赛开赛 美女模特争芳斗艳
百度"新度娘"走红
• 版权所有 Copyright 2011 All rights reserved.