YUI实现可拖放页面
来源:互联网 发布:淘宝网找不到gta5 编辑:程序博客网 时间:2024/05/01 05:03
今天在一个博课上看见一篇教怎样“用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>
<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实现可拖放页面
- 实现div可拖放
- 实现可拖放的购物车
- 实现页面元素拖放功能的JS
- 实现拖放
- 拖放 API 实现拖放排序
- 用yui打造自己的拖放式网页
- 用yui打造自己的拖放式网页
- 用yui打造自己的拖放式网页
- 用yui打造自己的拖放式网页
- 『收藏』可拖放移动的层的Javascript实现
- 7-干货! QT -实现使用拖放打开文件,以及打开可拖动的图片
- Easyui 在dialog中加载datagrid,并实现可拖放行(drag and drop rows)
- YUI实现鼠标自动点击
- YUI
- yui
- YUI
- 前台页面实现可选可编辑效果
- 敏捷测试用例设计
- .NET Framework
- 源码 补码 反码
- Windows API一日一练(45)CreateEvent和SetEvent函数
- 漂泊
- YUI实现可拖放页面
- .NET中的方法及其调用
- DELPHI中使用RTTI
- 求二叉树的算法
- 关于用.Net平台开发SPMS_API开发接口里的PChar说明——转载
- 中秋晚会
- 使用反射将业务对象绑定到 ASP.NET 窗体控件
- 用JavaScript脚本实现限定textarea的输入长度代码
- ASP.NET日期操作常用代码