css页面模块拖拽功能实现_css页面可拖拽资源-CSDN文库

共23个文件

gif：6个

js：4个

css：4个

5星 · 超过95%的资源需积分: 43 196 浏览量 2008-12-02 14:02:33 上传评论收藏 158KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

Js.rar （23个子文件）

jsvm2

bin

kernel.js 12KB

res

__web.htm 460B

runtime.js 3KB

LICENSE 3KB

jsre.js 7KB

rtenv.conf 683B

lib

demo_lib_110.js 13KB

classes

demo

css

demo_xmas.css 2KB

demo_default.css 2KB

demo_blue.css 2KB

demo_globe.css 807B

img

ico_loading.gif 771B

bg_white.gif 35B

bg_xmas.jpg 126KB

ico_close.gif 96B

logo.gif 4KB

Thumbs.db 17KB

ico_min_max.gif 65B

ico_avatar.jpg 2KB

bg_blue.gif 1KB

_res

demo_data.htm 4KB

demo_data.xml 4KB

index.htm 6KB

<!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> <title>个性化主页拖动并保存 by okajax.com</title> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="author" content="Niko" /> <meta name="keywords" content="Drag n Drop"> <meta name="description" content="Drag n Drop Modules"> <link rel="stylesheet" type="text/css" href="css/demo_globe.css" /> <link rel="stylesheet" type="text/css" href="css/demo_default.css" id="demo_theme" /> <script type="text/javascript" src="../jsvm2/jsre.js" classpath="demo_lib_110.js"></script> <script type="text/javascript"> //<![CDATA[ _import("com.bluepower.ui.DemoPage"); /** * 默认模块队列，形如 A1,A2,A3|B1,B2,B3|... * 本例最多支持四个分栏 AAA|BBB|CCC|DDD */ var sDefault = "profile,news,forum|photo,weather,favorite|video,blog,music"; var dp = new DemoPage(); var sCookie = dp.getCookie("modules"); if(!sCookie || sCookie == ''){ sCookie = sDefault; dp.setCookie("modules", sDefault); } window.onload = function(){ dp.init(sCookie); } //]]> </script> </head> <body> <noscript> <ul class="noScript"> <li>您需要启用JavaScript！</li> <li>请勿禁用Cookie！</li> </ul> </noscript>  <div id="nav_area" class="cB navBar"> <span class="fR"> [ <a href="javascript:dp.swapDisplay('set_module_area')" title="添加删除模块">增删模块</a> ] <a href="javascript:dp.setColumn(1)" title="1栏:::Column1">1栏</a> <a href="javascript:dp.setColumn(2)" title="2栏:::Column2">2栏</a> <a href="javascript:dp.setColumn(3)" title="3栏:::Column3">3栏</a> <a href="javascript:dp.setColumn(4)" title="4栏:::Column4">4栏</a> <a href="javascript:dp.setTheme('default')" title="主题1:::Theme1">主题1</a> <a href="javascript:dp.setTheme('blue')" title="主题2:::Theme2">主题2</a> <a href="javascript:dp.setTheme('xmas')" title="主题3:::Theme3">主题3</a> </span> </div>   <div id="notice_area" class="cB noticeBar" style="display: none"> <table class="cB fC"> <tr> <td>通过拖动、关闭来对您的Portal首页进行自定义。简单拖放就可以重新排列模块，若要应用更改、请单击"<strong>保存</strong>"按钮。</td> <td><input type="button" value="  保 存  " onclick="dp.saveSetting()" /></td> <td> </td> <td><input type="button" value="  取 消  " onclick="dp.hideEl('notice_area')" /></td> </tr> </table> </div>   <div id="set_module_area" class="cB setModuleArea" style="display: none"> <table cellspacing="6" class="cB fC bcS"> <tr> <td colspan="4" class="f1">备注：本例中默认模块不可删除，新增的模块会直接加到最后一列...</td> </tr> <tr> <td> <input type="checkbox" id="module_profile" value="profile" />  <label for="module_profile">简介(Profile)</label> </td> <td> <input type="checkbox" id="module_news" value="news" />  <label for="module_news">新闻(News)</label> </td> <td> <input type="checkbox" id="module_forum" value="forum" />  <label for="module_forum">论坛(Forum)</label> </td> <td> <input type="checkbox" id="module_photo" value="photo" />  <label for="module_photo">照片(Photo)</label> </td> </tr> <tr> <td> <input type="checkbox" id="module_weather" value="weather" />  <label for="module_weather">天气(Weather)</label> </td> <td> <input type="checkbox" id="module_favorite" value="favorite" />  <label for="module_favorite">收藏(Favorite)</label> </td> <td> <input type="checkbox" id="module_video" value="video" />  <label for="module_video">视频(Video)</label> </td> <td> <input type="checkbox" id="module_blog" value="blog" />  <label for="module_blog">博客(Blog)</label> </td> </tr> <tr> <td> <input type="checkbox" id="module_music" value="music" />  <label for="module_music">音乐(Music)</label> </td> <td> <input type="checkbox" id="module_note" value="note" />  <label for="module_note">便笺(Note)</label> </td> <td> <input type="checkbox" id="module_sport" value="sport" />  <label for="module_sport">体育(Sport)</label> </td> <td> <input type="checkbox" id="module_game" value="game" />  <label for="module_game">游戏(Game)</label> </td> </tr> </table> <table class="cB fC"> <tr> <td><input type="button" value="  确 定  " onclick="dp.setModule()" /></td> <td> </td> <td><input type="button" value="  取 消  " onclick="dp.hideEl('set_module_area')" /></td> </tr> </table> </div>  <p><script language="javascript" type="text/javascript" src="http://js.users.51.la/1980012.js"></script> <noscript><a href="http://www.51.la/?1980012" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/1980012.asp" style="border:none" /></a></noscript><script type="text/javascript" src="http://js.tongji.cn.yahoo.com/743650/ystat.js"></script><noscript><a href="http://tongji.cn.yahoo.com"><img src="http://img.tongji.cn.yahoo.com/743650/ystat.gif"/></a></noscript></p> </body> </html>

评论收藏

内容反馈