您现在的位置是:网站首页>原创系统>JS特效插件JS特效插件

神夜原创炫酷弹窗插件hsycmsAlert.js

神夜2020-10-30 09:16:43JS特效插件1075人已围观文章来源:神夜个人博客

简介包括操作成功,操作失败,LOADING,自定义弹窗,普通弹窗,询问弹窗,提示窗等。

演示地址

hsycmsAlert

介绍

包括操作成功,操作失败,LOADING,自定义弹窗,普通弹窗,询问弹窗,提示窗等。

安装教程

请demo里面的 HTML结构复制到自己项目 再引入JS文件:jquery.js 和 hsycmsAlert.js 样式文件: hsycmsAlert.css

使用说明


  1. <script>
  2. //参数说明 id,文字,方法
  3. //普通弹窗
  4. function alert(txt){
  5. hsycms.alert('alert',txt,function(){
  6. hsycms.close('alert');
  7. console.log("点击了确定");
  8. })
  9. }
  10. //提示弹窗
  11. function tips(txt){
  12. hsycms.tips('tips',txt,function(){
  13. console.log("提示关闭后");
  14. },2000)
  15. }
  16. //询问弹窗
  17. function confirm(){
  18. hsycms.confirm('confirm','确定要这么做',
  19. function(res){
  20. hsycms.close('confirm');
  21. hsycms.success('success','点击了确定');
  22. },
  23. function(res){
  24. hsycms.close('confirm');
  25. hsycms.error('error','点击了取消');
  26. },
  27. )
  28. }
  29. //操作成功调用
  30. function success(){
  31. hsycms.success('success','操作成功',function(){ console.log('操作成功关闭后'); },1800)
  32. }
  33. //操作失败调用
  34. function error(){
  35. hsycms.error('error','操作失败',function(){ console.log('操作失败关闭后'); },1800)
  36. }
  37. //显示loading
  38. function loading(){
  39. hsycms.loading('loading','正在加载');
  40. //2秒后隐藏
  41. setTimeout(res=>{
  42. hsycms.hideLoading('loading');
  43. },2000)
  44. }
  45. </script>

源码下载:https://gitee.com/sywlgzs/hsycmsAlert

站点信息

  • 建站时间:2017-10-24
  • 网站程序:Hsycms 3.0
  • 文章统计:288条
  • 微信公众号:扫描二维码,关注我们
分享按钮