直接上代码： 代码如下:<!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>鼠标拖拽复制效果</title> <style> body{ line-height:150% } .show{ display:block} .hide{ display:none} .clone{position: absolute;...
代码如下： 代码如下:function init() { if(swfobject.hasFlashPlayerVersion("10")){ var flashvars = {}; flashvars.xmlPath = "coffee"; flashvars.name = "coffee"; var params = {}; params.quality = "high"; params.wmode = "transparent"; var attributes = {}; attributes.id = "swf_editer"; swfobject.embedSWF("../img/swf/PhotoEditer2.swf","editarea","670","690","10.3" ,"../img/swf/playerProductInstall.swf",...
本文主要针对拖拽原型进行解析，给刚接触 JQuery 的爱好者一个简单的示例。在引入 Jquery.js 后： 代码如下:<script type="text/javascript"> $(function(){ //绑定拖动元素对象 bindDrag(document.getElementById(test)); }); function bindDrag(el){ //初始化参数 var els = el.style, //鼠标的 X 和 Y 轴坐标 x = y = 0; //邪恶的食指 $(el).mousedown(function(e){ //按下元素后，计算当前鼠标位置 x = e.clientX - el.offset...
而很多页面效果都要用到这些位置。不得已，得练练，得记记。 下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例，先说说拖拽的原理，以及搞这么一个东东的步骤： 那什么是拖拽呢？ 看名字就知道了：就是把一个东东拖来拽去的。 放到我们的DOM上，就是改变它的位置。 它只有两个难点：1、如何知道是在拖？ 2、如何知道从哪拖，拖到哪？ 其实，这也算不上难点，毕竟两者都是基础的东西，关键在于熟练。 换到js 中，我们搞一个拖...
代码如下:/* * jqDnR - Minimalistic DragnResize for jQuery. * * Copyright (c) 2007 Brice Burgess <bhb@iceburg.net>, http://www.iceburg.net/ * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * $Version: 2007.08.19 +r2 * last modified by leegle 2011.02.11 * fix bug:溢出之后不能回来的,添加在范围内移动 */ (function($) { $.fn.jqDrag = function(h) { return i(this, h...
但是如何保存顺序呢，想到了cookie，但是用如何用cookie保存顺序呢，直接保存html代码下次读取覆盖可以，但是总感觉内容多的话 保存的东西比较多，后用ui插件获取id保存id在读取实现了顺序的保存，废话不多说..直接看代码... 代码如下:<!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="se...
所以要引入JQUERY框架。 把我的这个控件代码放到一个js文件里面直接引入就可以了 控件代码 代码如下:$.fn.myDrag = function() { var self = $(this); self.css("position", "absolute"); var p = self.position(); self.css({ left: p.left, top: p.top }); self.mousedown( function(event) { // debugger; self.data("ifDary", "true"); //保存状态，表示是否可以拖拽 // debugger; var selfLeft = event.pageX - parseInt(sel...
效果图 调用示意图 交互示意图 如上图所示，这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok()函数，这个函数对应了用户提交事件。 2、用OO的概念来说，JQueryDialog.Ok()其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok()中，这一点我借鉴了FCKEditor，如下代码所示： JS代码 代码如下:var JQueryDialog = { /// <summary>提交</summary> /// <remark></rema...