利用JQuery+EasyDrag 实现弹出可拖动的Div同时向Div传值

利用JQuery+EasyDrag 实现弹出可拖动的Div同时向Div传值的相关文章

• 
  JQuery Dialog(JS 模态窗口,可拖拽的DIV)

  标签：Web开发

  打包下载 效果图 调用示意图 交互示意图 如上图所示，这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok()函数，这个函数对应了用户提交事件。 2、用OO的概念来说，JQueryDialog.Ok()其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok()中，这一点我借鉴了FCKEditor，如下代码所示： JS代码 代码如下: var JQueryD...[ 查看全文 ]

  辣妈护肤瘦身

  381
• 
  jquery div提示框渐隐弹出与隐藏效果

  标签：Web开发

  !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/html; charset=gb2312" / titlejquery div提示框渐隐弹出与隐藏/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/s...[ 查看全文 ]

  奋斗达人A

  331
• 
  jquery 弹出公告功能代码

  标签：Web开发

  !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/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...[ 查看全文 ]

  萌小猫hy

  2081
• 
  轻松学DIV教程（div＋css布局）

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align=left等等)束手无策，不知道该转换成对应的什么CSS...[ 查看全文 ]

  chen_long1024

  31
• 
  jquery 仿QQ校友的DIV模拟窗口效果源码

  标签：Web开发

  下面我们来看下这个效果图： 调用代码如下： 代码如下： input value="效果" type="button" //p script language="javascript" type="text/javascript" $(document).ready(function () { $('#jbox-demo').click( function () { jBox.open('jBoxID2', 'inline', 'p如果您在使用本系统有发现任何问题p', '意见反馈', 'width=300,height=60,center=true,draggable=true,model=true'); }); }); /scr...[ 查看全文 ]

  信用卡等于RMB

  121
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  基于jQuery的弹出消息插件 DivAlert之旅（一）

  标签：Web开发

  打包下载 想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最...[ 查看全文 ]

  无奈的小女人哎

  71
• 
  Jquery 弹出层插件实现代码

  标签：Web开发

  直接看代码： 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Layer.aspx.cs" Inherits="Layer" % !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 runat="server" title/title script src="jquery-1.3.2.js" type="text/javascript"/script scri...[ 查看全文 ]

  筱彭妈咪

  61
• 
  jquery 锁定弹出层实现代码

  标签：Web开发

  基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV...[ 查看全文 ]

  执旧_eaSon

  101
• 
  jquery ajax提交表单从action传值到jsp实现小结

  标签：Web开发

  jsp页面 ： 代码如下： var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId , success: function(text){$("#randomCode").val(text);}, error: function(text) {alert("对不起,用户ID不存在,请输入正确的用户ID");} ...[ 查看全文 ]

  电视劳工

  341
• 
  Div上下居中

  标签：Web开发

  Div上下居中－www.51windows.Net 我站在中央了center 我站在中央了center [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  这个游戏真难啊

  61
• 
  Div CSS实例教程：页面制作方法

  标签：Web开发

  做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。 一、框架 页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。 二、布局（以下用#ID表示页面元素） #Head和#Foot里的就不说了，具体查看...[ 查看全文 ]

  古府夜风

  121
• 
  Jquery一行代码轻松实现拖动效果

  标签：Web开发

      写JS实现拖动需要一大堆不便维护的代码，实属麻烦，Google了大半天，发现了一个优秀的Jquery插件EasyDrag，只需要一行代码便可轻松在主流浏览器上 实现拖动效果. Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->   $(document).ready( function()        {   &...[ 查看全文 ]

  婉凝紫

  11
• 
  jquery 弹出登录窗口实现代码

  标签：Web开发

  主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，至于窗口上下居中我没做到，固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时，首先判断一下两个层是否已经append到body里面，否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName，它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、...[ 查看全文 ]

  犀牛的文胸呢

  731
• 
  jquery 实现的改变颜色与背景的代码 change(fontsize,

  标签：Web开发

  change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。 !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/html; charset=utf-8" / title...[ 查看全文 ]

  今晩报

  301
• 
  什么是DIV+CSS?

  标签：Web开发

  什么是CSS＋DIV？  CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 DIV元素是用来为HTML文档内大块（...[ 查看全文 ]

  ljz2013140

  21
• 
  Div+CSS布局入门

  标签：Web开发

  在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我...[ 查看全文 ]

  qq1638481651

  91
• 
  SPAN和DIV的区别

  标签：Web开发

  SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码： ＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML...[ 查看全文 ]

  三喵萌惴瑂z

  21
• 
  jquery 可排列的表实现代码

  标签：Web开发

  在Table标签上设置 class="sortable" 且Table要设置ID. 表中增加了两行代码是JQuery写的.用于给奇偶行变色. 代码如下: addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX; function sortables_init() { // Find all tables with class sortable and make them sortable if (!document.getElementsByTagName) return; tbls = document.getElementsByTagName("table"); for (ti=0;...[ 查看全文 ]

  逗比i我是

  01
• 
  DIV+CSS技术入门

  标签：Web开发

  CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。 一. CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML! ...[ 查看全文 ]

  友家快捷旅店

  41