nyroModal:强大的jQuery弹出层插件

nyromodal调用非常简单,只需在链接上加上class=”nyroModal”即可。

支持模拟对话框类型:

ajax调用:

<a href=”http://nyromodal.nyrodev.com/demoSent.php” class=”nyroModal”>Ajax</a>

ajax调用并支持抽取制定内容:

如果只需要显示页面上某一个元素,那么只需要在请求时把该元素ID号做为锚点加入请求地址中。以下代码只显示demoSent.php中ID号为UserInfo的元素,如果UserInfo不存在,则显示所有内容。

<a href=”http://nyromodal.nyrodev.com/demoSent.php#UserInfo” class=”nyroModal”>Ajax</a>

单张图片显示(会自动缩放图片大小)

<a href=”http://nyromodal.nyrodev.com/img/img2.jpg” class=”nyroModal” title=”3rd Street Promenade”>Image</a>

具体使用方法,请看官方网站的实例。

官方网址:http://nyromodal.nyrodev.com/

posted @ 2016-01-18 13:14  superChicken  阅读(376)  评论(0编辑  收藏  举报