请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 68927|回复: 91

改善用户体验之alert提示效果 [复制链接]

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-26 16:40:55 |显示全部楼层
类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。

使用方法很简单,在需要弹出提示的页面先
  1. <script type="text/javascript" src="alert.js"></script>
复制代码

然后直接在需要提出处使用:
  1. sAlert("需要提示的信息")
复制代码

即可完成全部效果。不需要在页面中添加任何其它代码。

 提示:您可以先修改部分代码再运行




如果有更好的建议,欢迎给我留言!!!


[ 本帖最后由 jxdawei 于 2006-10-27 15:00 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
已有 1 人评分威望 收起 理由
hutia + 2 原创内容

总评分: 威望 + 2   查看全部评分

西部数码顶级域名注册商39元抢注!
wtywin 

子丑寅卯

钻石会员 手机认证 

帖子
5541
体力
11481
威望
18
发表于 2006-10-26 16:43:51 |显示全部楼层
不错,支持一下!
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-26 16:52:35 |显示全部楼层

RE

现在主要还存在的问题就是当body.offsetHeight过高或者过小的时候,显示的效果非常不理想.请高手指点.

[ 本帖最后由 jxdawei 于 2006-10-26 20:41 编辑 ]

使用道具 举报

5dyoyo 

快乐小袋鼠

银牌会员

帖子
964
体力
2911
威望
0
居住地
广东省 珠海市
发表于 2006-10-26 17:09:16 |显示全部楼层
一个若隐若现的"X",效果真不错,收藏了

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 00:14:39 |显示全部楼层
哪位高手告诉我怎么完善一下高度不居中的BUG.感谢了.

如下边的效果,document.body.offsetHeight太长的时候,提示框的位置差太远了.我看新浪邮箱的不会,苦于没找到它的脚本.请高手指点!!!

 提示:您可以先修改部分代码再运行


[ 本帖最后由 jxdawei 于 2006-10-27 00:18 编辑 ]

使用道具 举报

微笑的海豚

荣誉管理 手机认证 

帖子
2408
体力
13345
威望
39
发表于 2006-10-27 01:33:02 |显示全部楼层
呵呵,今天刚好把我之前弄的拿出来重新搞了一下。
把你的sAlert替换了一下。方法都是差不多的。:)

 提示:您可以先修改部分代码再运行

珍视拥有的、遗忘失去的。

使用道具 举报

A113

银牌会员 手机认证 

帖子
301
体力
1101
威望
0
居住地
江苏省 南京市
发表于 2006-10-27 09:13:40 |显示全部楼层
模拟alert提示效果的代码古已有之,百度一下便可找到。

不过,戴上“改善用户体验”的冠冕的确是相当堂皇。这就是楼主的高明之处了。

[ 本帖最后由 bound0 于 2006-11-6 12:43 编辑 ]

使用道具 举报

mallee 

老李飞砖

银牌会员

帖子
662
体力
2394
威望
2
居住地
河北省 秦皇岛市
发表于 2006-10-27 09:17:01 |显示全部楼层
哈哈哈,好好,收下了!

使用道具 举报

经典会员

金牌会员

帖子
1238
体力
3352
威望
1
发表于 2006-10-27 09:25:14 |显示全部楼层
要是能在页面滚动的时候也把提示框随页面滚动就好了。
态度决定一切 那飞的...

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 09:26:32 |显示全部楼层
原帖由 chyf1982 于 2006-10-27 09:25 发表
要是能在页面滚动的时候也把提示框随页面滚动就好了。:D


不要为好,页面提示不同于广告。用户看到之后马上就要把提示关闭掉。然后进行其它的操作的。

使用道具 举报

帖子
137
体力
479
威望
0
居住地
广东省 深圳市
发表于 2006-10-27 09:28:46 |显示全部楼层
好东西,收下了!

使用道具 举报

wjeasy 
帖子
2327
体力
2299
威望
3
居住地
山东省 泰安市
发表于 2006-10-27 09:55:00 |显示全部楼层
不错的效果,收藏了

使用道具 举报

帖子
28
体力
127
威望
0
发表于 2006-10-27 09:56:21 |显示全部楼层
好东西  收下。。。
guees what

使用道具 举报

帖子
65
体力
80
威望
0
发表于 2006-10-27 10:01:30 |显示全部楼层
good! ths!

使用道具 举报

hk3000 
帖子
157
体力
553
威望
0
居住地
天津市 滨海区
发表于 2006-10-27 10:16:14 |显示全部楼层
弹出的菜单里面加上提交表单就更好了,我以前弄过不过不兼用其他浏览器啊

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 10:19:07 |显示全部楼层
原帖由 hk3000 于 2006-10-27 10:16 发表
弹出的菜单里面加上提交表单就更好了,我以前弄过不过不兼用其他浏览器啊



现在163博客的登录以有Live.com中也用了你说的那种,抽空研究一下:)

使用道具 举报

客家山哥

银牌会员

帖子
3633
体力
2708
威望
0
居住地
广东省 深圳市
发表于 2006-10-27 11:00:09 |显示全部楼层
内容不满一屏时不能全屏遮盖,如何解决?

使用道具 举报

微笑的海豚

荣誉管理 手机认证 

帖子
2408
体力
13345
威望
39
发表于 2006-10-27 11:08:18 |显示全部楼层
呵呵,楼上的说得对,不足一屏时,就使用 clientHeight 作为高度。下面例子

 提示:您可以先修改部分代码再运行

珍视拥有的、遗忘失去的。

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 11:11:35 |显示全部楼层
原帖由 Hakkawawa 于 2006-10-27 11:00 发表
内容不满一屏时不能全屏遮盖,如何解决?


新的下载里已经修改了不满一屏的显示错误,感谢Hakkawawa提出BUG.

使用道具 举报

布鲁斯狼

荣誉管理

帖子
8064
体力
21540
威望
153
居住地
江苏省 扬州市
发表于 2006-10-27 14:48:20 |显示全部楼层
//Author:Daviv
//Blog:http://blog.163.com/jxdawei
//Date:2006-10-28
//Email:jxdawei@gmail.com

我转载了,今天上午刚看到的时候,没有版权信息,现在你的版权信息居然到了10月28号,太超前了吧~

另外想请问下楼主,这些JS都是自己原创么?

新的代码对HTML的显示支持不是很好

 提示:您可以先修改部分代码再运行


[ 本帖最后由 cnbruce 于 2006-10-27 14:50 编辑 ]

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 15:02:37 |显示全部楼层

回复 #20 cnbruce 的帖子

对HTML支持不好的修改方法:

  1. msgObj.style.lineHeight = (msgh-titleheight) + "px";
复制代码

改为
  1. msgObj.style.lineHeight = "25px";
复制代码

感谢cnbruce的提醒!

使用道具 举报

布鲁斯狼

荣誉管理

帖子
8064
体力
21540
威望
153
居住地
江苏省 扬州市
发表于 2006-10-27 15:09:58 |显示全部楼层
http://jquery.com/demo/thickbox/

建议你来翻译下

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 15:28:21 |显示全部楼层

老外的,看不懂.

使用道具 举报

宝疙瘩

高级会员

帖子
382
体力
850
威望
35
居住地
山西省 太原市
发表于 2006-10-27 15:32:28 |显示全部楼层
原帖由 cnbruce 于 2006-10-27 15:09 发表
http://jquery.com/demo/thickbox/

建议你来翻译下 :p


thickbox 与这个有一些类似哦
Extjs,JQuery
ibatis,glassfish
Dream,Eclipse

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-27 15:42:39 |显示全部楼层
网上类似这样的效果的地方太多了.我也是看了类似的网站才去写的这段脚本.本人英语比较差.哈哈.

使用道具 举报

帖子
6
体力
18
威望
0
发表于 2006-10-27 16:35:41 |显示全部楼层
真的不错啊。。。。收下

使用道具 举报

larry的马甲

银牌会员

帖子
463
体力
1209
威望
0
发表于 2006-10-28 03:49:32 |显示全部楼层
当alert出现的时候没有必要上下滚动页面呀。而且效果也不好。。。。
另:改变页面大小也会有bug
我以前写的一个可以给楼主参考一下

http://bbs.blueidea.com/thread-2686437-1-1.html

[ 本帖最后由 luciferzzn 于 2006-10-28 03:52 编辑 ]

使用道具 举报

jxdawei 楼主

大伟

荣誉管理 手机认证 

帖子
2200
体力
11934
威望
97
居住地
浙江省 杭州市
发表于 2006-10-28 09:01:21 |显示全部楼层

回复 #27 luciferzzn 的帖子

你说的二个BUG新浪邮箱刚好都有.
有空来完善一下,谢谢luciferzzn

使用道具 举报

帖子
104
体力
314
威望
0
发表于 2006-10-29 11:34:36 |显示全部楼层

 提示:您可以先修改部分代码再运行

使用道具 举报

帖子
104
体力
314
威望
0
发表于 2006-10-29 11:37:55 |显示全部楼层

 提示:您可以先修改部分代码再运行

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 08:01 , Processed in 0.160828 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部