首页
新闻
论坛
群组
Blog
文档
下载
读书
Tag
网摘
搜索
.NET
Java
游戏
视频
人才
外包
培训
数据库
书店
程序员
欢迎您:
游客
| 退出
| 登录
注册
帮助
我的帖子
我参与的帖子
我的空间
我的网摘
CSDN
CSDN社区
Web 开发
JavaScript
将帖子提前
放进我的网摘
推荐给好友
我要提问
帖子加分
生成帖子
置顶
推荐(加精)
取消推荐(加精)
锁定帖子
移动帖子
取消引用
结贴去...
管理菜单
页面风格切换
标准风格
老版本论坛
hi ,做了一个漂亮的窗口操作类,给大家分享下
[已结贴,结贴人:tantaiyizu]
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 14:58:08
楼主
现在不论在后台管理,还是前端应用 ,往往系统自带的窗口已经不能满足我们的需要;
ok ,看下面的希望会对大家开发有所帮助 ,有意见的尽管提出来。
主要更新:
1.美化了界面,目前自带两种颜色风格(可扩充)。
2.优化了字符串操作。
3.优化了窗口排序。
4.抛弃了原有的拖动组件,重新实现。
5.增加了窗口隐藏,显示功能。
浏览器支持:
safari ,firefox ,ie6.0及以上版本,opera
演示地址:
查看演示
问题点数:
20
回复次数:
72
显示所有回复
显示星级回复
显示楼主回复
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 14:59:36
1
楼 得分:
0
http://www.scriptlover.com/controls/EasyWindow/EasyWindow.html
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
songpengasp
达·文西 有问题先找baidu、google
等级:
发表于:
2008-06-25 15:00:00
2
楼 得分:
1
支持一下
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
songpengasp
达·文西 有问题先找baidu、google
等级:
发表于:
2008-06-25 15:02:18
3
楼 得分:
0
看了 不错 只是不是很流畅 拖动的时候容易丢失
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
xiaojing7
小井MM
等级:
发表于:
2008-06-25 15:02:22
4
楼 得分:
1
引用 2 楼 songpengasp 的回复:
支持一下
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
xiaojing7
小井MM
等级:
发表于:
2008-06-25 15:03:18
5
楼 得分:
0
引用 3 楼 songpengasp 的回复:
看了 不错 只是不是很流畅 拖动的时候容易丢失
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
jsjzhengfu
等级:
发表于:
2008-06-25 15:04:17
6
楼 得分:
1
做得不错..学习
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 15:05:50
7
楼 得分:
0
引用 3 楼 songpengasp 的回复:
看了 不错 只是不是很流畅 拖动的时候容易丢失
我这一直都很流畅啊 ,能再说点详细些吗?
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
flyrain2012
flyrain
等级:
发表于:
2008-06-25 15:06:08
8
楼 得分:
1
顶
好像鼠标移动快了,窗口会跟不上
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
sagezk
SAGEZK
等级:
发表于:
2008-06-25 15:19:32
9
楼 得分:
1
不错,收藏了。有一点小问题,当直接按住后面窗口标题并移动窗口时,窗口移动结束释放鼠标键时后面窗口才会切换到前面。
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 15:23:36
10
楼 得分:
0
引用 9 楼 sagezk 的回复:
不错,收藏了。有一点小问题,当直接按住后面窗口标题并移动窗口时,窗口移动结束释放鼠标键时后面窗口才会切换到前面。
很好的问题 ,这个也是我当时犹豫的地方
因为我不知道当用户按下鼠标 和 点击鼠标 那个将它优先级设为最高 更合适些
其实我自己的想法时候 ,既然你按下鼠标 ,那么肯定有松开的时候 ,松开时候窗口自然就在上面了
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
YH_Random
随机
等级:
发表于:
2008-06-25 15:39:15
11
楼 得分:
1
不错,支持一下。
将窗体拖到浏览器上方,即窗口的top为负时,松开窗口就不能再拖动它了,因为标题栏已经被遮住了。
每个窗体的背景色好像没填满,下面有一部分是空的,我是在FF下看到的。
窗体获取焦点后(onmousedown),个人觉得还是立即设为zIndex层次最高的,因为当相对小的窗口拖到相对大一点的窗口后面的时候,用户不松开鼠标是看不到小窗口的
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 15:44:24
12
楼 得分:
0
引用 11 楼 YH_Random 的回复:
不错,支持一下。
将窗体拖到浏览器上方,即窗口的top为负时,松开窗口就不能再拖动它了,因为标题栏已经被遮住了。
每个窗体的背景色好像没填满,下面有一部分是空的,我是在FF下看到的。
窗体获取焦点后(onmousedown),个人觉得还是立即设为zIndex层次最高的,因为当相对小的窗口拖到相对大一点的窗口后面的时候,用户不松开鼠标是看不到小窗口的
thanks for your advises ,good point !
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
rjzou2006
骑士
等级:
发表于:
2008-06-25 15:48:39
13
楼 得分:
1
支持一下
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:04:25
14
楼 得分:
1
很不错。。
不过关于drag应该处理下比较好。
就是说
drag开启时。把iframe盖住,否则mouse进入iframe后,不会触发top.mousemove事件^^,所以产生了问题。。。
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:05:53
15
楼 得分:
0
把iframe盖住
就是用div盖一下,这样就能保证mousemoveing时,都在document内了。 ^^
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
only_endure
大宋提刑官 Recite MSDN classic code :)
等级:
发表于:
2008-06-25 16:08:53
16
楼 得分:
1
放进我的网摘.
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 16:17:07
17
楼 得分:
0
谢谢大家的关注 ,此次主要修正了以下问题:
1.将窗体拖到浏览器上方,即窗口的top为负时,松开窗口就不能再拖动它了,因为标题栏已经被遮住了。
2.窗体获取焦点后(onmousedown),个人觉得还是立即设为zIndex层次最高的,因为当相对小的窗口拖到相对大一点的窗口后面的时候,用户不松开鼠标是看不到小窗口的
至于背景没有填充完,这个是故意留个边的,不知道有什么不合适的地方 ,还请大家提出来。
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 16:20:32
18
楼 得分:
0
另外谢谢 muxrwc 的指点
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:28:54
19
楼 得分:
0
= =
也不能无视我啊。。。
tantaiyizu同学。。。
拖出窗口注意一些细节就可以了。。
IE是鼠标捕获。。。非IE默认就带鼠标捕获。。
http://topic.csdn.net/u/20080621/17/7c7c6adf-ec1b-4ee2-a069-d001c68f662d.html
可以参考这里的内容。。。
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:29:58
20
楼 得分:
0
。。。
看来是回完了。。。^^
挂到这里后。弄了半天东西。才继续回的T_T
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 16:30:12
21
楼 得分:
0
下载地址
http://www.scriptlover.com/controls/EasyWindow.rar
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:30:57
22
楼 得分:
0
回晚。。。
打错个字。。。=_=...
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 16:37:22
23
楼 得分:
0
另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?
是iframe造成的吗?
muxrwc
小兔子 ,我怎么能无视你呢 ,嘿嘿
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:39:03
24
楼 得分:
0
另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?
鼠标捕获的问题。
就是说,你松开的时候没有捕获到你松开的行为。。。
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
GPSsky
一分一分的接星星
等级:
发表于:
2008-06-25 16:40:45
25
楼 得分:
1
引用 8 楼 flyrain2012 的回复:
顶
好像鼠标移动快了,窗口会跟不上
我这里是不管快不快 都跟不上
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 16:45:27
26
楼 得分:
0
引用 24 楼 muxrwc 的回复:
另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?
鼠标捕获的问题。
就是说,你松开的时候没有捕获到你松开的行为。。。
我用的document.onmouseup ,只是偶尔会这样 ,困惑
我这里是不管快不快 都跟不上
---
什么浏览器?
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
YH_Random
随机
等级:
发表于:
2008-06-25 16:51:47
27
楼 得分:
0
引用 23 楼 tantaiyizu 的回复:
另外我发现 拖动的时候 时不时的 鼠标都松开了 ,它还在移动 ,这是什么原因呢?
是iframe造成的吗?
你松开的事件是在窗体上吗?
也就是说onmouseup是针对窗体对象触发的,
你试试改在事件用doucment来触发,即document.onmouseup
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 16:53:56
28
楼 得分:
0
引用
我用的document.onmouseup ,只是偶尔会这样 ,困惑
因为要鼠标捕获才可以。。。
IE是
object.setCapture();
释放是
object.releaseCapture();
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
YH_Random
随机
等级:
发表于:
2008-06-25 17:01:48
29
楼 得分:
0
试试
attachEvent/detachEvent
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 17:17:19
30
楼 得分:
0
引用 28 楼 muxrwc 的回复:
引用
我用的document.onmouseup ,只是偶尔会这样 ,困惑
因为要鼠标捕获才可以。。。
IE是
object.setCapture();
释放是
object.releaseCapture();
这句我怎么不会用呢? 没效果啊 ,呵呵
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 17:20:18
31
楼 得分:
0
object.setCapture();
鼠标按下的时候。。。执行它
object.releaseCapture();
鼠标松开的时候执行它。。。
object为拖拽的DOM对象。。。
还有关于FF里selection的处理可以参考19楼那个地址里的几个拖拽^^
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 17:34:21
32
楼 得分:
0
object.releaseCapture();
鼠标松开的时候执行它。。。
这个我知道 ,可关键现在是不知道鼠标松开啊 ,document.onmouseup不准确啊
在一个鼠标松开时 执行它 有什么作用吗?
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
muxrwc
潜水修行。。。
等级:
发表于:
2008-06-25 17:36:52
33
楼 得分:
0
= =
只要
object.setCapture后。document.onmouseup就会准确了。。
不过你需要在onmousedown时,用DIV之类的东西把iframe盖上。才可以。
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
mumen504
Eliu
等级:
发表于:
2008-06-25 17:39:21
34
楼 得分:
1
很好很强大^_^
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
tantaiyizu
痴情客 www.scriptlover.com
等级:
发表于:
2008-06-25 17:41:59
35
楼 得分:
0
div 能盖住 iframe 吗?
修改
删除
举报
引用
回复
加为好友
发送私信
在线聊天
songpengasp
达·文西 有问题先找baidu、google
等级:
发表于:
2008-06-25 17:45:51