WEB开发网
开发学院网页设计JavaScript 【jQuery.nyroModal】超强JQuery模态对话框插件 阅读

【jQuery.nyroModal】超强JQuery模态对话框插件

 2009-09-04 00:00:00 来源:WEB开发网   
核心提示:调用方法基本上很傻瓜,只要为链接加上class="nyroModal"既可,【jQuery.nyroModal】超强JQuery模态对话框插件,手动调用除外,下面介绍支持模态对话框类型:Ajax 调用<ahref="http://www.xxx.com/demoSent.php&qu

调用方法基本上很傻瓜,只要为链接加上class="nyroModal"既可,手动调用除外,下面介绍

支持模态对话框类型:

Ajax 调用

<a href="http://www.xxx.com/demoSent.php" class="nyroModal">Ajax</a> 

Ajax调用并支持抽取指定内容。

如果只需要显示页面上某一个元素,那么只需要在请求时把该元素ID号做为锚点加入请求地址中去。如只显示指定ID的内容:<a href="http://www.xxx.com/demoSent.php#UserInfo" class="nyroModal">Ajax</a>,则只显示test.aspx里ID号为UserInfo的元素;如果UserInfo不存在,则显示所有内容。

允许调整对话框的大小

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

<a href=http://tech.ddvip.com/2009-09/"http://nyromodal.nyrodev.com/img/img2.jpg" class="nyroModal" title="3rd Street Promenade">Image</a>

多张图片相册显示,且支持flash显示。

下面示例中的链接多了一个rel="gal"属性,这是对图片进行分组,也就是说rel属性值相同的会分到一组显示,该值可以根据你的喜好自行修改;且在加载flash文件时,通过processHandler事件对文件类型进行判断并处理显示方式及大小

<script type="text/javascript">
$(function() {
  $.nyroModalSettings({
    processHandler: function(settings) {
      var from = settings.from;
      if (from && from.href && from.href.indexOf('http://www.youtube.com/watch?v=') == 0) {
        $.nyroModalSettings({
          type: 'swf',
          height: 355,
          width: 425,
          url: from.href.replace(new RegExp("watch\\?v=", "i"), 'v/')
        });
      }
    }
  });
});
</script>

1 2 3  下一页

Tags:jQuery nyroModal 超强

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接