美文网首页
html仿IOS的提示

html仿IOS的提示

作者: ONEDAYLOG | 来源:发表于2020-05-11 16:15 被阅读0次
  1. 效果查看:http://demo.onedaylog.net/iOS-Overlay/index.html

    20160818162339.jpg
  2. 区别描述:该版本和网上版本的区别是,新增了gif图片的加载效果并不需要使用spinner,修复了update后设置时间无效。

  3. 调用方式:

<link href="/Public/lib/iosOverlay/css/iosOverlay.css" rel="stylesheet">
<script src="/Public/js/zepto.min.js"></script><!--Jquery也可以-->
<script src="/Public/lib/iosOverlay/js/iosOverlay.js"></script>

加载...

var overlay = iosOverlay({
    text: "Loading",
    duration: 20e3,
    icon: "/Public/lib/iosOverlay/img/load.gif"
});

成功提示

iosOverlay({
    text: "Success!",
    duration: 2e3,
    icon: "img/check.png"
});

错误提示

iosOverlay({
    text: "Error!",
    duration: 2e3,
    icon: "img/cross.png"
})

原来的站点停运,整合到简书
2016年8月18日

相关文章

网友评论

      本文标题:html仿IOS的提示

      本文链接:https://www.haomeiwen.com/subject/dwgunhtx.html