<!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>popbaseball</title>
</head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="popbaseball.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.baseball({
accepter:"#left,#center,#right",
target:".baseball",
handle:".basebat"
})
})
</script>
<style type="text/css">
html,body,dl,dt,dd{margin:0;padding:0;}
body{font:normal normal normal 12px/1.5em Simsun, Arial, "Arial Unicode MS", Mingliu, Helvetica;color:#777; word-break:break-all}
a{ color:#39F}
#guide {margin:10px 0;font:bold 3em/1.5em Verdana;color:#000000}
#guide span {background-color:#FFFFFF;width:250px;height:25px;position:absolute;filter:'alpha(opacity=50)'; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
#wrap{padding:0 50px;overflow:hidden;zoom:1; width:1030px}
#left{width:200px;margin-right:10px;float:left; min-height:100px}
#center{width:600px;margin-right:10px;float:left;min-height:100px}
#right{width:200px;margin-right:10px;float:left;min-height:100px}
#left object,#right object,#left embed,#right embed{width:188px; height:160px}
#center object,#center embed{width:588px;height:460px}
#look{height:500px;clear:both; border:solid 1px #000}
.baseball{border:solid 1px #eee; margin-bottom:5px; background:#FFF; width:100%; overflow:hidden}
.baseball dt{padding:0 5px;font-size:13px;color:#666;background:#69C;color:#FFF;height:25px; line-height:25px; cursor:move}
.baseball dt span{float:left;cursor:move}
.baseball dd{ padding:5px; min-height:100px}
.baseball dd img{ max-width:100%}
</style>
<body>
<div id="wrap">
<div id="guide"><span></span>popBaseball</div>
<div id="left">
<dl class="baseball">
<dt class="basebat"><span>popeye</span></dt>
<dd><img src="popeye.jpg" width="130" height="130" /></dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>profile</span></dt>
<dd>p(^oo^)g<br />
<a href="#" target="_blank">鱼</a><br />
<br />
</dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>注意点</span></dt>
<dd>没时间测试，也没啥好注意的，</dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>调用方法</span></dt>
<dd> $.baseball({<br />
accepter:"#left,#center,#right",<br />
target:".baseball", <br />
handle:".basebat"<br />
})
</dd>
</dl>
</div>
<div id="center">
<dl class="baseball">
<dt class="basebat"><span>popBaseball</span></dt>
<dd> 想写个说明书，半天想不出来，能说的就是“这是一个拖放插件”，由于偶然在csdn看到自己以前的帖子，又萌起来，想捣鼓这东西。<br />
关于这个baseball的命名，其实这会我正迷恋棒球，大学里摸了几次，也没正经击过球，现在才来感觉，想起故人讲的一个笑话.....(差点开始胡扯了)，当时是我境界不够，无法领会这运动的魅力，看到的只是体育老师黝黑健美的形体，囧rd <br />
时常都会被自己感动，吃得少，做得多，这不是牛吗。当别人说你“牛”的时候有另一种声音压过来，幸苦。<br />
小时候在某方面从来没有付出过却得到很多，以前没有意识到自己丢掉了很多更重要的东西才会得到很多，这个世界还真是公平呢。
</dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>Oblivious</span></dt>
<dd>
<object width="590" height="500">
<param name="movie" value="http://www.tudou.com/v/4-jRXD0GGjs"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.tudou.com/v/4-jRXD0GGjs" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="590" height="500"></embed></object><br />
土豆优酷首次合作，给你带来不一样的视听享受。<br />
发现视频在拖动后会暂停，必须得摸摸播放头才能继续，这个有空再想想怎么解决吧。</dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>小猪</span></dt>
<dd>森林里一群小动物准备出去旅游，一天他们乘着一只船去海的另一边，当船开到海中央的时候突然起大浪，海水不断的涌入船里。这时猴子说:“只有谁跳入海里才能减轻船身的重量,船才不会沉!”猴子的话说完了，大家你看看我，我看看你谁也没跳。猴子又说：“没办法我们只好来抽签，谁抽中了谁就跳下去”。猴子想：假如要是我抽到了那怎么办呀？于是他又说：“假如我们谁抽到了就说一个笑话，只要能让大家都笑就不用跳下去，如果有一个人不笑那就把他抛下海。”大家都同意了，猴子心想：我说的笑谁能不笑呢！他还在为自己的聪明而高兴呢。开始抽签了，果然猴子第一个抽中，于是他走到大家的中间说了一个笑话，说完了大家都在笑，可是回头看看躺在一旁的猪，小猪没有笑，大家把猴子抬起扔到了海里。第二个是山羊，山羊说完了大家也都笑了，猪还是没有笑，于是大家又把山羊扔到了海里，接下来是小鹿，小鹿全身发抖，慢慢的走到他家中间，还没开口一旁的“嘿嘿”的笑了起来，大家奇怪的问猪：“他还没开口，你怎么就笑起来了？”小猪说：“我才琢磨出味来，原来刚才猴子说的那个笑话真的很好笑哎！”</dd>
</dl>
</div>
<div id="right">
<dl class="baseball">
<dt class="basebat"><span>lulu</span></dt>
<dd> <img src="lulu.jpg" width="100%" /></dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>算法：划分平面空间</span></dt>
<dd> 平面上有n个都不重叠的矩形，并且都有一条边是水平方向，若用水平和垂直直线（线段、射线）把空间分成n个空间，使得每个空间中有且只有1个矩形，该怎么分？<br />
<img src="space.jpg"/><br />
像这样，用红线把平面分割成n块，刚好每块中都有一个黑色矩形（黑色矩形块总数n个），就是已知平面上n个黑色不重叠矩形，求红色分割线的算法
</dd>
</dl>
<dl class="baseball">
<dt class="basebat"><span>Email</span></dt>
<dd>1250s#qq.com</dd>
</dl>
</div>
</div>
</body>
</html>
仿google自定义拖拽布局(jQuery)
4星 · 超过85%的资源 需积分: 10 163 浏览量
2011-02-08
12:18:01
上传
评论 1
收藏 156KB RAR 举报 
仿google自定义拖拽布局(jQuery)l.rar （8个子文件） 
popBaseball 
popbaseball.min.js 3KB
popeye.jpg 4KB lulu.jpg 122KB jquery-1.3.2.min.js 56KB
drag.html 3KB popbaseball.js 4KB index.html 7KB space.jpg 9KB
- 1
- 2
- 3
- 4
- 5
前往页