首页>>Jquery文字>>指定位置文字提示框，自动隐藏或者手动关闭(2015-10-20)

指定位置文字提示框，自动隐藏或者手动关闭

指定位置文字提示框，自动隐藏或者手动关闭
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2.         $(function() {  
  3.             // First alert  
  4.             $.bootstrapPurr('This is a simple "purr" which is draggable with the primary mouse. Drag me!');  
  5.   
  6.             // Second alert shown after a delay of 1 second  
  7.             setTimeout(function() {  
  8.                 $.bootstrapPurr('This is a "purr" with the type set to "success"', {  
  9.                     type: 'success',  
  10.                     delay_pause: true  
  11.                 });  
  12.             }, 1000);  
  13.   
  14.             // Third alert shown after a delay of 2 seconds  
  15.             setTimeout(function() {  
  16.                 $.bootstrapPurr('This is a "purr" with the multiple options that have been set', {  
  17.                     type: 'danger',  
  18.                     align: 'center',  
  19.                     width: 'auto',  
  20.                     allow_dismiss: false  
  21.                 });  
  22.             }, 2000);  
  23.   
  24.             // Fourth alert shown after a delay of 3 seconds  
  25.             setTimeout(function() {  
  26.                 $.bootstrapPurr('This is another "purr" that will display until manually closed', {  
  27.                     type: 'info',  
  28.                     align: 'left',  
  29.                     delay: 0,  
  30.                     stackup_spacing: 30  
  31.                 });  
  32.             }, 3000);  
  33.   
  34.             // Fifth alert shown after a delay of 4 seconds  
  35.             setTimeout(function() {  
  36.                 $.bootstrapPurr('freejs.net', {  
  37.                     type: 'danger',  
  38.                     align: 'center',  
  39.                     width: 'auto',  
  40.                     allow_dismiss: true,  
  41.                     allow_dismiss_type: 'hover'  
  42.                 });  
  43.             }, 4000);  
  44.   
  45.         });  
  46.     </script>  

 


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