首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • hi ,做了一个漂亮的窗口操作类,给大家分享下 [已结贴,结贴人:tantaiyizu]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 14:58:08 楼主
    现在不论在后台管理,还是前端应用 ,往往系统自带的窗口已经不能满足我们的需要;

    ok ,看下面的希望会对大家开发有所帮助 ,有意见的尽管提出来。


    主要更新:
    1.美化了界面,目前自带两种颜色风格(可扩充)。
    2.优化了字符串操作。
    3.优化了窗口排序。
    4.抛弃了原有的拖动组件,重新实现。
    5.增加了窗口隐藏,显示功能。

    浏览器支持:
    safari ,firefox ,ie6.0及以上版本,opera

    演示地址:
    查看演示
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 14:59:361楼 得分:0
    http://www.scriptlover.com/controls/EasyWindow/EasyWindow.html
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • songpengasp
    • 等级:
    发表于:2008-06-25 15:00:002楼 得分:1
    支持一下
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • songpengasp
    • 等级:
    发表于:2008-06-25 15:02:183楼 得分:0
    看了 不错 只是不是很流畅  拖动的时候容易丢失 
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:02:224楼 得分:1
    引用 2 楼 songpengasp 的回复:
    支持一下
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:03:185楼 得分:0
    引用 3 楼 songpengasp 的回复:
    看了 不错 只是不是很流畅  拖动的时候容易丢失 
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:04:176楼 得分:1
    做得不错..学习
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:05:507楼 得分:0
    引用 3 楼 songpengasp 的回复:
    看了 不错 只是不是很流畅  拖动的时候容易丢失 


    我这一直都很流畅啊 ,能再说点详细些吗?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:06:088楼 得分:1


    好像鼠标移动快了,窗口会跟不上
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:19:329楼 得分:1
    不错,收藏了。有一点小问题,当直接按住后面窗口标题并移动窗口时,窗口移动结束释放鼠标键时后面窗口才会切换到前面。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:23:3610楼 得分:0
    引用 9 楼 sagezk 的回复:
    不错,收藏了。有一点小问题,当直接按住后面窗口标题并移动窗口时,窗口移动结束释放鼠标键时后面窗口才会切换到前面。


    很好的问题 ,这个也是我当时犹豫的地方

    因为我不知道当用户按下鼠标 和 点击鼠标 那个将它优先级设为最高 更合适些


    其实我自己的想法时候 ,既然你按下鼠标 ,那么肯定有松开的时候 ,松开时候窗口自然就在上面了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:39:1511楼 得分:1
    不错,支持一下。

    将窗体拖到浏览器上方,即窗口的top为负时,松开窗口就不能再拖动它了,因为标题栏已经被遮住了。

    每个窗体的背景色好像没填满,下面有一部分是空的,我是在FF下看到的。

    窗体获取焦点后(onmousedown),个人觉得还是立即设为zIndex层次最高的,因为当相对小的窗口拖到相对大一点的窗口后面的时候,用户不松开鼠标是看不到小窗口的
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:44:2412楼 得分:0
    引用 11 楼 YH_Random 的回复:
    不错,支持一下。

    将窗体拖到浏览器上方,即窗口的top为负时,松开窗口就不能再拖动它了,因为标题栏已经被遮住了。

    每个窗体的背景色好像没填满,下面有一部分是空的,我是在FF下看到的。

    窗体获取焦点后(onmousedown),个人觉得还是立即设为zIndex层次最高的,因为当相对小的窗口拖到相对大一点的窗口后面的时候,用户不松开鼠标是看不到小窗口的


    thanks for your advises ,good point !
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 15:48:3913楼 得分:1
    支持一下
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:04:2514楼 得分:1
    很不错。。
    不过关于drag应该处理下比较好。
    就是说
    drag开启时。把iframe盖住,否则mouse进入iframe后,不会触发top.mousemove事件^^,所以产生了问题。。。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:05:5315楼 得分:0
    把iframe盖住
    就是用div盖一下,这样就能保证mousemoveing时,都在document内了。 ^^
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • only_endure
    • 等级:
    发表于:2008-06-25 16:08:5316楼 得分:1
    放进我的网摘.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 16:17:0717楼 得分:0
    谢谢大家的关注 ,此次主要修正了以下问题:

    1.将窗体拖到浏览器上方,即窗口的top为负时,松开窗口就不能再拖动它了,因为标题栏已经被遮住了。

    2.窗体获取焦点后(onmousedown),个人觉得还是立即设为zIndex层次最高的,因为当相对小的窗口拖到相对大一点的窗口后面的时候,用户不松开鼠标是看不到小窗口的


    至于背景没有填充完,这个是故意留个边的,不知道有什么不合适的地方 ,还请大家提出来。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 16:20:3218楼 得分:0
    另外谢谢 muxrwc 的指点
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:28:5419楼 得分:0
    = =
    也不能无视我啊。。。
    tantaiyizu同学。。。

    拖出窗口注意一些细节就可以了。。
    IE是鼠标捕获。。。非IE默认就带鼠标捕获。。

    http://topic.csdn.net/u/20080621/17/7c7c6adf-ec1b-4ee2-a069-d001c68f662d.html
    可以参考这里的内容。。。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:29:5820楼 得分:0
    。。。
    看来是回完了。。。^^
    挂到这里后。弄了半天东西。才继续回的T_T
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 16:30:1221楼 得分:0
    下载地址
    http://www.scriptlover.com/controls/EasyWindow.rar
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:30:5722楼 得分:0
    回晚。。。

    打错个字。。。=_=...
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 16:37:2223楼 得分:0
    另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?


    是iframe造成的吗?


    muxrwc

    小兔子 ,我怎么能无视你呢 ,嘿嘿
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:39:0324楼 得分:0
    另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?
    鼠标捕获的问题。
    就是说,你松开的时候没有捕获到你松开的行为。。。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • GPSsky
    • 等级:
    发表于:2008-06-25 16:40:4525楼 得分:1
    引用 8 楼 flyrain2012 的回复:


    好像鼠标移动快了,窗口会跟不上


    我这里是不管快不快 都跟不上
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 16:45:2726楼 得分:0
    引用 24 楼 muxrwc 的回复:
    另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?
    鼠标捕获的问题。
    就是说,你松开的时候没有捕获到你松开的行为。。。


    我用的document.onmouseup ,只是偶尔会这样 ,困惑


    我这里是不管快不快 都跟不上
    ---

    什么浏览器?

    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 16:51:4727楼 得分:0
    引用 23 楼 tantaiyizu 的回复:
    另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?


    是iframe造成的吗?



    你松开的事件是在窗体上吗?
    也就是说onmouseup是针对窗体对象触发的,
    你试试改在事件用doucment来触发,即document.onmouseup
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 16:53:5628楼 得分:0
    引用
    我用的document.onmouseup ,只是偶尔会这样 ,困惑

    因为要鼠标捕获才可以。。。

    IE是
    object.setCapture();
    释放是
    object.releaseCapture();
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 17:01:4829楼 得分:0
    试试
    attachEvent/detachEvent
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 17:17:1930楼 得分:0
    引用 28 楼 muxrwc 的回复:
    引用
    我用的document.onmouseup ,只是偶尔会这样 ,困惑

    因为要鼠标捕获才可以。。。

    IE是
    object.setCapture();
    释放是
    object.releaseCapture();


    这句我怎么不会用呢? 没效果啊 ,呵呵
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 17:20:1831楼 得分:0
    object.setCapture();
    鼠标按下的时候。。。执行它


    object.releaseCapture();
    鼠标松开的时候执行它。。。


    object为拖拽的DOM对象。。。


    还有关于FF里selection的处理可以参考19楼那个地址里的几个拖拽^^
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 17:34:2132楼 得分:0
    object.releaseCapture();
    鼠标松开的时候执行它。。。

    这个我知道 ,可关键现在是不知道鼠标松开啊 ,document.onmouseup不准确啊

    在一个鼠标松开时 执行它 有什么作用吗?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • muxrwc
    • 等级:
    发表于:2008-06-25 17:36:5233楼 得分:0
    = =
    只要
    object.setCapture后。document.onmouseup就会准确了。。
    不过你需要在onmousedown时,用DIV之类的东西把iframe盖上。才可以。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 17:39:2134楼 得分:1
    很好很强大^_^
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-25 17:41:5935楼 得分:0
    div 能盖住 iframe 吗?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • songpengasp
    • 等级:
    发表于:2008-06-25 17:45:51