AJAX tooltip by jQuery UI Widget and MVC3
我们在使用网站的时候经常会用到一些小提示,来增加界面的友好性,用户点击页面上某个地方,就会弹出一个小区域,用来对界面上的内容进一步说明。如下图:
当用户点击小提示的“x”或者点击页面的其它地方的时候,这个小提示就隐藏掉,这是个很有用的功能。另外,如果小提示的内容能够通过AJAX从服务器端动态获取,那就更cool了。
使用jQuery UI的一个叫“gTip”的小挂件来实现这种功能,非常简单。
gTip的官方网站是:http://craigsworks.com/projects/qtip2/
大家可以直接在上面看到很多相当绚的demo。我也用MVC3写了一个简单的demo,就是大家所看到的上面的这个截图。我使用的仅仅是gTip最最简单和常用的功能,它的的其它功能就待大家去挖掘吧!