YUI实现可拖放页面

原创 2007年09月25日 21:35:00

            今天在一个博课上看见一篇教怎样“用yui打造自己的拖放式网页”的文章,故做出整个程式来玩玩。

             感觉以后能用上,写在此怕忘了,呵呵。

<html>
<head>
<script type="text/javascript" src="build/yahoo/yahoo-min.js" ></script>
<script type="text/javascript" src="build/event/event-min.js" ></script>
<script type="text/javascript" src="build/dom/dom-min.js"></script>
<script type="text/javascript" src="build/logger/logger-min.js"></script>
<script type="text/javascript" src="build/dragdrop/dragdrop-debug.js" ></script>


<script type="text/javascript">...
NewhappyApp
= function() ...{
    
var dd, dd2,dd3;
    
return ...{
        init: 
function() ...{
            dd 
= new YAHOO.util.DD("blog");
            dd2 
= new YAHOO.util.DD("archives");
            dd3 
= new YAHOO.util.DD("friends");
        }

    }

}
();
    
YAHOO.util.Event.onDOMReady(NewhappyApp.init);
</script>

<style type="text/css">...
#leftbar
{...}{
        float
:left; 
    width
:20%;
}

#blog,#archives,#friends
{...}{
    border
:1px solid #cccccc;
    padding
:4px;
    margin
:2px 0 5px 0;
}



</style>
</head>
<body>
<div id="leftbar">
<div id="blog" >日志
<div>
*sku
<br/>
*lixi
</div>
</div>

<div id="archives" >个人档案
<div>
*sku
<br/>
*lixi
</div>
</div>

<div id="friends" >好朋友
<div>
*sku
<br/>
*lixi
</div>
</div>

</div>
</body>


</html>

用yui打造自己的拖放式网页

    第一次看到可以在网页中像客户端软件一样拖放是在3721网站上,当时看了半天没有看明白。现在这种技术的应用已经很多了,其中我们感受最深的就是sohu,sina博客的定置布局功能,相比于普通的其他...
  • newhappy2008
  • newhappy2008
  • 2007年06月04日 23:36
  • 6042

YUI table 拓展使用

------hibuYuiTable.js-------------------------------------------------------------------------------...
  • u012190655
  • u012190655
  • 2015年05月05日 14:18
  • 239

YUI Compressor完成代码混淆示例

YUI Compressor相关信息 官网 GitHub地址 混淆单个js一般命令,java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min....
  • u012948976
  • u012948976
  • 2016年10月26日 21:37
  • 1713

html5实现图片任意拖放及本地图片拖放预览特效解析

最近一直在学习html5,对于图片在两个div内任意拖放感觉特别炫,扩展一下做一些特效应该很不错,而且还可以实现本地图片的拖拽上传功能,下面对上述两个功能做一个代码的解析: ** 1、HTML5...
  • u013137263
  • u013137263
  • 2015年08月24日 08:58
  • 1174

ExtJs----拖放

先看最简单的拖放: 1new Ext.dd.DDProxy('block'); 2//对应的HTML部分代码 3div id="block" style="background:red;">...
  • hotdust
  • hotdust
  • 2014年10月11日 15:56
  • 960

关于Duilib的扩展——“拖放”实现(二)

上一次我们实现了让窗口支持DropTarget,我们实现了一个叫做IDropTarget的接口。但是还没有给控件实现,当然如果你在这个窗口里面只有一个控件实现DropTarget的话,你完全可以使用R...
  • Skilla
  • Skilla
  • 2015年02月05日 18:10
  • 2853

[C#]richtextbox实现拖放

namespace WindowsFormsApplication1 { public partial class Form1 : Form { public ...
  • stu059074244
  • stu059074244
  • 2017年09月01日 09:47
  • 202

实现div可拖放

从别人那里学习来,留着以后用 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xh...
  • weixin_37831477
  • weixin_37831477
  • 2017年05月17日 09:27
  • 84

雅虎清除样式库:百度yui reset

雅虎清除样式库:百度yui reset http://yuilibrary.com/yui/docs/cssreset/ http://yui.yahooapis.com/3.18.1/build...
  • chenweilong20
  • chenweilong20
  • 2016年11月12日 14:23
  • 253

【PyQt4 实例31】拖拽图标

# -*- coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import sys QTextCodec.s...
  • cxm19830125
  • cxm19830125
  • 2014年12月15日 16:47
  • 880
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:YUI实现可拖放页面
举报原因:
原因补充:

(最多只允许输入30个字)