Zebra Dialog 弹出层 包括ajax加载弹出页面和iframe打开弹出层

Zebra Dialog 弹出层 包括ajax加载弹出页面和iframe打开弹出层

 自定义对话框按钮,css颜色,ajax内容弹出

Zebra Dialog 弹出层 包括ajax加载弹出页面和iframe打开弹出层
XML/HTML Code
  1. <strong>1.</strong> 默认设置 <a href="javascript:void(0)" id="example1">点击这里</a>   
  2.   
  3.               
  4.   
  5.             <p> </p>  
  6.   
  7.             <strong>2.</strong> 5个不同的演示: <a href="javascript:void(0)" id="example2_1">错误</a>, <a href="javascript:void(0)" id="example2_2">警告</a>, <a href="javascript:void(0)" id="example2_3">提问</a>, <a href="javascript:void(0)" id="example2_4">提示</a> ,<a href="javascript:void(0)" id="example2_5">确认</a>.  
  8.   
  9.   
  10.   
  11.             <p> </p>  
  12.   
  13.             <strong>3.</strong> 自定义按钮 <a href="javascript:void(0)" id="example3">点击这里</a> <br>  
  14.               
  15.   
  16.             <p> </p>  
  17.   
  18.               
  19.             <strong>4.</strong> 自定义提示框位置,本例在右侧顶部<a href="javascript:void(0)" id="example4">点击这里</a>   
  20.   
  21.   
  22.   
  23.             <p> </p>  
  24.   
  25.             <strong>5.</strong> 自定义提示框位置,并设置为2秒后自动关闭  
  26.             <br>  
  27.               
  28.             <a href="javascript:void(0)" id="example5">点击这里</a>  
  29.   
  30.   
  31.   
  32.             <p> </p>  
  33.   
  34.             <strong>6.</strong> 点击载入ajax内容  
  35.             <a href="javascript:void(0)" id="example6">点击这里</a>  
  36.   
  37.   
  38.   
  39.             <p> </p>  
  40.   
  41.             <strong>6.1</strong> iframeajax打开对话框  
  42.            <a href="javascript:void(0)" id="example61">点击这里</a>  
  43.   
  44.             <p> </p>  
  45.   
  46.             <strong>7.</strong> 自定义css颜色  
  47.   
  48.               
  49.   
  50.             Click <a href="javascript:void(0)" id="example7">点击这里</a> to open.<br>  
  51.   
  52.   
  53.   
  54.             <p> </p>  
  55.   
  56.         </div>  


原文地址:http://www.freejs.net/article_jquerywenzi_202.html

相关推荐