AJAX tooltip by jQuery UI Widget and MVC3

我们在使用网站的时候经常会用到一些小提示,来增加界面的友好性,用户点击页面上某个地方,就会弹出一个小区域,用来对界面上的内容进一步说明。如下图:

当用户点击小提示的“x”或者点击页面的其它地方的时候,这个小提示就隐藏掉,这是个很有用的功能。另外,如果小提示的内容能够通过AJAX从服务器端动态获取,那就更cool了。

使用jQuery UI的一个叫“gTip”的小挂件来实现这种功能,非常简单。

gTip的官方网站是:http://craigsworks.com/projects/qtip2/

大家可以直接在上面看到很多相当绚的demo。我也用MVC3写了一个简单的demo,就是大家所看到的上面的这个截图。我使用的仅仅是gTip最最简单和常用的功能,它的的其它功能就待大家去挖掘吧!

https://files.cnblogs.com/guogangj/AjaxTooltipDemo.7z

posted @ 2012-07-25 14:20  guogangj  阅读(299)  评论(0编辑  收藏  举报