【SS7.5】把SS做成了仿QQ空间那样的个人空间，模块随意拖动，最大话，最小化，关闭

挺好的。收藏

楼主应该考虑正常1024*768这个分辩率
IE8下窗口拉伸有变形了。

还有火狐下我看到的是这样的。

有必要吗？

现在公开js代码，代码如下

1. <script type="text/javascript">
   
2. Ext.onReady(function(){
   
3. var header=new Ext.Window({
   
4.            el:"header",
   
5.    contentEl:"header_detail",
   
6.    pageX:154,
   
7.    pageY:10,
   
8.    frame:false,
   
9.    collapsible:false,
   
10.             maximizable:false,
    
11.             minimizable:false,
    
12. closable:false,
    
13. resizable:false,
    
14. draggable:false,
    
15.            width:960,
    
16.            height:195,
    
17.    plain:false,
    
18.    shadow:false,
    
19.    border:false                              
    
20.         });
    
21. header.show();
    
22. var nav=new Ext.Window({
    
23.            el:"nav",
    
24.    contentEl:"nav_list",
    
25.    pageX:154,
    
26.    pageY:217,
    
27.    frame:false,
    
28.    collapsible:false,
    
29.             maximizable:false,
    
30.             minimizable:false,
    
31. closable:false,
    
32. resizable:false,
    
33. draggable:false,
    
34.            width:960,
    
35.            height:60,
    
36.    plain:true,
    
37.    border:false                              
    
38.         });
    
39. nav.show();
    
40. var pic=new Ext.Window({
    
41.            el:"focusturn",
    
42.    contentEl:"pic_show",
    
43.    pageX:413,
    
44.    pageY:315,
    
45.    frame:true,
    
46.    collapsible:true,
    
47.             maximizable:true,
    
48.             minimizable:false,
    
49. closable:true,
    
50.            width:697,
    
51.            height:335,
    
52.    plain:true,
    
53.    border:false                              
    
54.         });
    
55. pic.show();
    
56. 
    
57. var info=new Ext.Window({
    
58.            applyTo:"myinfo",
    
59.    pageX:154,
    
60.    pageY:315,
    
61.    frame:true,
    
62.    collapsible:true,
    
63.             maximizable:true,
    
64.             minimizable:false,
    
65. closable:true,
    
66.            width:252,
    
67.            height:335,
    
68.    plain:true,
    
69.    border:false        ,
    
70.    items:[
    
71.                    new Ext.TabPanel({
    
72. applyTo: 'itabs',
    
73. width:241,
    
74. height:275,
    
75. activeTab: 0,
    
76. deferredRender: false,
    
77. autoTabs: true
    
78. })
    
79.    
    
80.                     ]              
    
81.         });
    
82. info.show();
    
83. var datebox=new Ext.Window({
    
84. el:"datebox",
    
85. pageX:919,
    
86. pageY:655,
    
87. frame:true,
    
88. collapsible:true,
    
89. maximizable:true,
    
90. minmizable:false,
    
91. closable:true,
    
92. width:189,
    
93. height:224,
    
94. plain:true,
    
95. border:false,
    
96. items:new Ext.DatePicker()
    
97. });
    
98.          datebox.show()
    
99. var blog=new Ext.Window({
    
100.            el:"blog",
     
101.    contentEl:"blog_detail",
     
102.    pageX:413,
     
103.    pageY:655,
     
104.    frame:true,
     
105.    bodyStyle:'background-color:#eeeeee',
     
106.    collapsible:true,
     
107.             maximizable:true,
     
108.             minimizable:false,
     
109. closable:true,
     
110.            width:500,
     
111.            height:750,
     
112.    plain:false,
     
113.    border:false                              
     
114.         });
     
115. blog.show();
     
116. var poll=new Ext.Window({
     
117.            el:"poll_index",
     
118.    contentEl:"poll_list",
     
119.    pageX:154,
     
120.    pageY:655,
     
121.    frame:true,
     
122.    bodyStyle:'background-color:#eeeeee',
     
123.    collapsible:true,
     
124.             maximizable:true,
     
125.             minimizable:false,
     
126. closable:true,
     
127.            width:252,
     
128.            height:160,
     
129.    plain:false,
     
130.    border:true                              
     
131.         });
     
132. poll.show();
     
133. var gonggao=new Ext.Window({
     
134.            el:"gonggao",
     
135.    contentEl:"gonggao_list",
     
136.    pageX:154,
     
137.    pageY:820,
     
138.    frame:true,
     
139.    bodyStyle:'background-color:#eeeeee',
     
140.    collapsible:true,
     
141.             maximizable:true,
     
142.             minimizable:false,
     
143. closable:true,
     
144.            width:252,
     
145.            height:160,
     
146.    plain:false,
     
147.    border:true                              
     
148.         });
     
149. gonggao.show();
     
150. var links=new Ext.Window({
     
151.            el:"links",
     
152.    contentEl:"links_list",
     
153.    pageX:150,
     
154.    pageY:1410,
     
155.    frame:true,
     
156.    bodyStyle:'background-color:#ecf6f8',
     
157.    collapsible:true,
     
158.             maximizable:true,
     
159.             minimizable:false,
     
160. closable:true,
     
161.            width:960,
     
162.            height:100,
     
163.    plain:false,
     
164.    border:true                              
     
165.         });
     
166. links.show();
     
167. var sousuo=new Ext.Window({
     
168.            el:"zhanneisousuo",
     
169.    contentEl:"zhanneisousuo2",
     
170.    pageX:154,
     
171.    pageY:985,
     
172.    frame:true,
     
173.    collapsible:true,
     
174.             maximizable:true,
     
175.             minimizable:false,
     
176. closable:true,
     
177.            width:250,
     
178.            height:100,
     
179.    plain:true,
     
180.    border:true                              
     
181.         });
     
182. sousuo.show();
     
183. var album=new Ext.Window({
     
184.            el:"album",
     
185.    contentEl:"album_index",
     
186.    pageX:154,
     
187.    pageY:1089,
     
188.    frame:true,
     
189.    collapsible:true,
     
190.             maximizable:true,
     
191.             minimizable:false,
     
192. closable:true,
     
193.            width:250,
     
194.            height:317,
     
195.    plain:true,
     
196.    border:true                              
     
197.         });
     
198. album.show();
     
199. var footerinfo=new Ext.Window({
     
200.            el:"footerinfo",
     
201.    contentEl:"footerinfodetail",
     
202.    pageX:150,
     
203.    pageY:1520,
     
204.    frame:false,
     
205.    collapsible:false,
     
206.             maximizable:false,
     
207.             minimizable:false,
     
208. closable:false,
     
209. draggable:false,
     
210. resizable:false,
     
211.            width:960,
     
212.            height:111,
     
213.    plain:false,
     
214.    border:false                              
     
215.         });
     
216. footerinfo.show();
     
217. var k=new Ext.Window({
     
218.            el:"k",
     
219.    pageX:1263,
     
220.    pageY:0,
     
221.    frame:false,
     
222.    collapsible:false,
     
223.             maximizable:false,
     
224.             minimizable:false,
     
225. closable:false,
     
226. draggable:false,
     
227. resizable:false,
     
228.            width:1,
     
229.            height:1,
     
230.    plain:false,
     
231.    border:false                              
     
232.         });
     
233. k.show();
     
234. });
     
235. </script>

复制代码

如果把这个应用到HOME页面就好叻。

效果太雷人啦！

总的来说还是很牛！~~

Ooo 看看

IE9直接找不到服务器