首页>>Jquery文字>>Zebra Dialog 弹出层 包括ajax加载弹出页面和iframe打开弹出层(2013-12-23)

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