模仿javaeye登入窗口

1.偶喜欢javaeye中的登入窗口,体验不错,今天模仿着搞了一个貌似javaeye登入窗口的小东东;

2.说明:程序代码主要参考网上一个类似功能的Demo.出发点在于学习div+css布局技巧,学习窗口对象拖动的实现原理.

3.功能说明: ^.^! 基本类似于javaeye登入窗口的功能,支持窗口的拖动,窗口的关闭;登入表单的最小化,最大化;在IE浏览器中有滤镜功能;没有对div做圆角处理,看起有点楞楞的.

4.偶在IE6.0和Mozilla Firefox2.0.0.1_cn浏览器中跑过,可以正常使用.

 

 

IE中的运行效果:

   

     

 

Firefox中运行效果:

评论

12 楼 chenbs 2007-03-16  

怎么下载不了呢

11 楼 ppeter 2007-01-26  

yuxie 写道

这个窗口是prototype window吧
最近在项目中使用prototype window，它的model方式在ie下有内存泄露，现在正头疼的紧。。。

这个窗口只是引用了一个层，不是你说的prototype window吧。我在Firefox中运行时，观察过内存变化，没有发现登入窗口打开时内存增加而无法释放。至于你说的IE中内存泄露，在很多JS写的组件中确实存在这个问题。记得hexiaodong也提到过他的grid早期版本中存在内存泄露问题。

找到一篇内存释放的文章，希望对你解决问题有所帮助，原文大致如下：

  在google搜了一下之后，才知道可能是由于ie的内存泄漏引起的。

  我使用任务管理器，打开一个弹出窗口，ie内存就增加1-3m，然后关闭窗口，有时内存并不释放，有时才释放几十k。看来问题出在了内存释放上面。

  接着按内存释放这个思路，进行搜索查找方法，来进行解决这个问题。我找到一个javascript未公开的函数CollectGarbage，这个函数是用来进行内存释放的。我在所有的弹出窗口结束之前把所有的自己定义的javasctip的变量设置为null，并调用CollectGarbage函数。

   javascript中把变量设为null，javascript并不会把内存释放，当下次再次定义变量时，就会覆盖此变量所在的内存。如果不设为null，javascript再次定义变量时，会开辟一个新的内存空间。

   在使用以上处理之后，再次打开窗口，ie的内存每次还是增加1-3m，但是在关闭窗口之后，则ie会释放一定数量的内存在500k至2m。起到了一定的作用。
    由于我在页面中使用了第三方的控件，第三方的控件中的javascript中的内存是如何管理，就不是由我来控制的了。    

1.javascript内存释放的方法示例

  把所有上级函数的参数即使设为null，并使用CollectGarbage来释放内存。 

示例
  <script>  
  //分配内存 
  function AllocMem() { 
var   str="12345678"; 
for(var i = 3 ; i < 24 ; i++) 
str += str; 
return   str; 
  } 
  
  function A(a) { 
a = null; 
return   r; 
function   r() { 

} 
  } 
  
  var f = A(AllocMem()); 
alert(1); 
CollectGarbage(); 
//明显，已经释放了。 
r = null; 
alert(2); 
CollectGarbage();
  </script>
  里面对于内存释放的规则（脚本层）已经理解得很透了。 
  (每一层菜单分配?M的内存.对着任务管理器才看到情况) 

  注:
  CollectGarbage()通常会在核心推出内存，因就是IE或NS程序结束的时候才会调用.这样才是安全的 

  说明:
  1)   如果你在另一个window中keep了该window中的object的reference，即使关闭该window，内存也没有释放 
  
  As   you   might   know,   windows   opened   with   window.open()   may   share   a   process   with   its   opener   (_blank   or   _new     window   may   not).   That   is,   even   if   you   see   those   two   windows   on   the   desktop,   if   you   look   at   the   process   table   in   the   Task   Manager,   you   may   only   see   one   IEXPLORE.EXE   running.   Memory   may   only   be   released   when   the   process   is   terminated 
  
  2）更糟糕的是，如果你keep的是一个DOM   object的reference,   关闭该object   所在window,   IE会crash,   报内存错误（或者要求，重新启动） 
  
  I   would   say   this   looks   like   a   bug,   you   might   want   to   report   to   Microsoft

10 楼 rautinee 2007-01-26  

ppeter 写道

zelsa 写道

YUI-EXT的VISTA效果的MessageBox做这个很不错。

那共享一下啊！

好像0.4的版本才有，0.4的好像还没有提供下载吧

9 楼 zelsa 2007-01-26  

ppeter 写道

zelsa 写道

YUI-EXT的VISTA效果的MessageBox做这个很不错。

那共享一下啊！

http://yui-ext.com/playpen/yui-ext.0.40/examples/dialog/msg-box.html

8 楼 ppeter 2007-01-26  

zelsa 写道

YUI-EXT的VISTA效果的MessageBox做这个很不错。

那共享一下啊！

7 楼 zelsa 2007-01-26  

YUI-EXT的VISTA效果的MessageBox做这个很不错。

6 楼 yuxie 2007-01-26  

这个窗口是prototype window吧
最近在项目中使用prototype window，它的model方式在ie下有内存泄露，现在正头疼的紧。。。

5 楼 xiaoyu 2007-01-25  

robbin 写道

xiaoyu 写道

最讨厌的就是javaeye的登录窗口了. 为了效果, 慢吞吞的. 特别是登录出错, N久才返回消息. 唉. 如果你的浏览器不支持javascript, 你就什么都看不到了(觉得登录最不应该用这种模式了)

在登录按钮旁边有页面登录按钮，你可以用页面登录。

一直没有发现这个功能。 呵呵。 错怪了。 那就不怕了。

4 楼 netfishx 2007-01-25  

半透明效果在ie以外更简单，css里加个opacity: 0.5就可以了

3 楼 ppeter 2007-01-25  

xiaoyu 写道

最讨厌的就是javaeye的登录窗口了. 为了效果, 慢吞吞的. 特别是登录出错, N久才返回消息. 唉. 如果你的浏览器不支持javascript, 你就什么都看不到了(觉得登录最不应该用这种模式了)

我是网通用户,试了试登入出错,也不见得多慢啊.我觉得无论在哪个页面点登入,都不需要切换到登入页面(切换时屏幕可能会一阵白),减少了等待的时间,用起来很非常方便.

2 楼 robbin 2007-01-25  

xiaoyu 写道

最讨厌的就是javaeye的登录窗口了. 为了效果, 慢吞吞的. 特别是登录出错, N久才返回消息. 唉. 如果你的浏览器不支持javascript, 你就什么都看不到了(觉得登录最不应该用这种模式了)

在登录按钮旁边有页面登录按钮，你可以用页面登录。

1 楼 xiaoyu 2007-01-25  

最讨厌的就是javaeye的登录窗口了. 为了效果, 慢吞吞的. 特别是登录出错, N久才返回消息. 唉. 如果你的浏览器不支持javascript, 你就什么都看不到了(觉得登录最不应该用这种模式了)