---------- Web App：请问众仙这个效果如何实现？----------

梦呓人

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


谢谢，欢迎讨论！

why2000

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

梦呓人

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

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

cdfei

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

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

典

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

kr2000

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

http://fancybox.net/

NAB的网站也用这个

鱼羊鲜

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

findcaiyzh

我们用colorbox。也不错。

http://www.jacklmoore.com/colorbox

stevenbian

http://thickbox.net/

鱼羊鲜

你们那都太大了，体积最小的算是 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.

dragon8848

我是来学习学习的。

dcc82

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

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

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

kr2000

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

不懂，详细介绍一下

showen

学习一下，什么叫grid?

wil

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

showen

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

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都是一致的。

wil

我在用bootstrap做一个自己的网站，拿它当一个底板，在其基础上hack自己的style，没有哪个framework能兼顾灵活性易用性和一致性的，选一个大致方向差不多的架子，hack就是了

wil

showen 发表于 2013-1-21 19:40
恩..
web app和web site侧重点应该还是不太一样。

能详细说说两者的区别么

showen

wil 发表于 2013-1-22 16:48
能详细说说两者的区别么

在用户体验来说：
web app更接近于桌面应用.
web site则是传统的网站展现content ( text, image, video)