新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › ---------- Web App：请问众仙这个效果如何实现？------ ...

精华好帖回顾
· 2012年3月初2大2小斐济归来，流水帐+大量美图（有真人照哦）！ (2012-3-20) melanee	· 以动漫与游戏为主题的东京亲子游2023 (2023-5-21) gifox
· VIVI的日常穿搭随手拍。。#570：最近的一些。。#527: 几件心水单品。。一楼直达电梯 (2015-8-18) VIVIbear	· （旅游经验）带14个月宝宝游Gold Coast(大量照片全部9楼文字更新完毕) (2008-2-10) 蓝月亮

查看: 2209|回复: 19

---------- Web App：请问众仙这个效果如何实现？---------- [复制链接]

梦呓人

银靴族

发表于 2012-12-19 13:01 |显示全部楼层

此文章由梦呓人原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者梦呓人所有！转贴必须注明作者、出处和本声明，并保持内容完整

在ASP.NET/MVC初始页面，用户登陆之后出现一个小的对话框页面，后面的主页灰暗disable，直到用户点击了小对话框的某个按钮之后再返回主页面。

谢谢，欢迎讨论！

why2000

布鞋族

发表于 2012-12-19 13:04 |显示全部楼层

此文章由 why2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 why2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

Have a look JQuery modal Dialog
http://jqueryui.com/dialog/#modal-message

评分

参与人数 1	积分 +5	收起理由
梦呓人	+ 5

查看全部评分

梦呓人

银靴族

发表于 2012-12-19 13:07 |显示全部楼层

此文章由梦呓人原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者梦呓人所有！转贴必须注明作者、出处和本声明，并保持内容完整

why2000 发表于 2012-12-19 13:04
Have a look JQuery modal Dialog
http://jqueryui.com/dialog/#modal-message

东西很多，哪个是我要的效果呀？

cdfei

白金靴族

发表于 2012-12-19 13:11 |显示全部楼层

此文章由 cdfei 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 cdfei 所有！转贴必须注明作者、出处和本声明，并保持内容完整

梦呓人发表于 2012-12-19 13:07
东西很多，哪个是我要的效果呀？

Modal message那个，其实就是后面弄了个全屏的div,你点不了后面的东西了
其实用alert就好了，年轻人，要朴实一点

评分

参与人数 1	积分 +2	收起理由
梦呓人	+ 2	你太有才了

查看全部评分

典

银靴族

发表于 2012-12-19 13:14 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

jquery dialog 自动帮你做了那个效果

评分

参与人数 1	积分 +2	收起理由
梦呓人	+ 2	感谢分享

查看全部评分

kr2000

白金靴族

发表于 2012-12-19 15:22 |显示全部楼层

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

fancybox也不错, 基于jquery做的
适合懒人

http://fancybox.net/

NAB的网站也用这个

评分

参与人数 1	积分 +2	收起理由
梦呓人	+ 2	感谢分享

查看全部评分

鱼羊鲜

水晶靴族

发表于 2012-12-20 11:42 |显示全部楼层

此文章由鱼羊鲜原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者鱼羊鲜所有！转贴必须注明作者、出处和本声明，并保持内容完整

把bluehost一个disabled的按钮改成正常的提交竟然通过了

评分

参与人数 1	积分 +1	收起理由
梦呓人	+ 1	哥，您是不是穿越了？

查看全部评分

findcaiyzh

银靴族

发表于 2012-12-20 12:24 |显示全部楼层

此文章由 findcaiyzh 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 findcaiyzh 所有！转贴必须注明作者、出处和本声明，并保持内容完整

我们用colorbox。也不错。

http://www.jacklmoore.com/colorbox

评分

参与人数 1	积分 +2	收起理由
梦呓人	+ 2

查看全部评分

stevenbian

金靴族

发表于 2012-12-20 12:30 |显示全部楼层

此文章由 stevenbian 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 stevenbian 所有！转贴必须注明作者、出处和本声明，并保持内容完整

http://thickbox.net/

评分

参与人数 1	积分 +2	收起理由
梦呓人	+ 2

查看全部评分

鱼羊鲜

水晶靴族

发表于 2012-12-20 12:59 |显示全部楼层

此文章由鱼羊鲜原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者鱼羊鲜所有！转贴必须注明作者、出处和本声明，并保持内容完整

你们那都太大了，体积最小的算是 slimbox2，一样强大，真是青出于蓝啊

http://www.digitalia.be/software/slimbox2

Slimbox is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library (in version 2) or the MooTools javascript framework (in version 1). It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

Although the design and base functionalities are the same as Lightbox, the code was written from scratch and is constantly improved.

评分

参与人数 1	积分 +4	收起理由
梦呓人	+ 4	你太有才了

查看全部评分

dragon8848

草鞋族

发表于 2013-1-16 21:31 |显示全部楼层

此文章由 dragon8848 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dragon8848 所有！转贴必须注明作者、出处和本声明，并保持内容完整

我是来学习学习的。

dcc82

铜靴族

发表于 2013-1-17 00:13 |显示全部楼层

此文章由 dcc82 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dcc82 所有！转贴必须注明作者、出处和本声明，并保持内容完整

本帖最后由 dcc82 于 2013-1-17 00:18 编辑

在搞笑吗？fancybox, colourbox, thickbox, greybox, shadowbox等等box, 哪怕是jquery ui中的modal都是多余的东西

这年头，正规一点的稍微看的上眼的网站wireframe基本上全是基于grid的，各个部件都要追求consistent, 不论是大的小的网站，一个twitter bootstrap全部base style/grid/animation/js 统统搞定, 还在费劲的想哪个modal适合?怎么style?吃饱撑着了

然后，再说一句，使用alert这种最原始的方式已经不是简单不简单的问题了，完全是一种对前端不负责任的态度，不仅会造成浏览器死锁，根本就是严重违反UX的东西，哪位做前端的还在使用的话可以回去检讨一下了

评分

参与人数 1	积分 +5	收起理由
梦呓人	+ 5	你太有才了

查看全部评分

kr2000

白金靴族

发表于 2013-1-17 13:00 |显示全部楼层

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

dcc82 发表于 2013-1-16 23:13
在搞笑吗？fancybox, colourbox, thickbox, greybox, shadowbox等等box, 哪怕是jquery ui中的modal都是多余 ...

不懂，详细介绍一下

50个behaviour面试问题，答案以及问的原因

showen

皮靴族

发表于 2013-1-20 21:11 |显示全部楼层

此文章由 showen 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 showen 所有！转贴必须注明作者、出处和本声明，并保持内容完整

学习一下，什么叫grid?

wil

皮靴族

发表于 2013-1-21 12:41 |显示全部楼层

此文章由 wil 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 wil 所有！转贴必须注明作者、出处和本声明，并保持内容完整

http://en.wikipedia.org/wiki/Grid_(page_layout)

showen

皮靴族

发表于 2013-1-21 19:40 |显示全部楼层

此文章由 showen 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 showen 所有！转贴必须注明作者、出处和本声明，并保持内容完整

恩..
web app和web site侧重点应该还是不太一样。

joerkky

皮靴族

发表于 2013-1-22 16:14 |显示全部楼层

此文章由 joerkky 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 joerkky 所有！转贴必须注明作者、出处和本声明，并保持内容完整

dcc82 发表于 2013-1-17 00:13
在搞笑吗？fancybox, colourbox, thickbox, greybox, shadowbox等等box, 哪怕是jquery ui中的modal都是多余 ...

bootstrap做一些简单的标准化的网站的确很方便，而且很适合做wireframe / prototype, 但是因为所有elements都标准化，牺牲了可扩展性，所以我们的网站上是不用bootstrap的。

当然，关于网站风格的consistency和flexibility哪个重要, 属于仁者见仁智者见智的问题了。我的看法是，consistency是UI Designer关心的事情，developer关心的是flexibility。如果你是developer, 你的工作就是把画在纸面上的东西用HTML写出来，那么你当然不希望framework限制你只能这样做不能那样做，建议你自己写CSS。如果你对design有决定权，推荐bootstrap, 因为bootstrap能保证你所有design都是一致的。