常用插件

Posted 2020-10-11 美好生活

    一、sweetalert

    sweetalert是一个用于美化弹出框的插件，官网上有各种弹出框样式的代码示例，只需将插件下载后导入html文件，然后在script标签中写入示例的代码即可使用，最简单的写法是swal(‘标题‘,‘内容‘,‘样式‘)。

    官网地址：https://limonte.github.io/sweetalert2/

 

    二、jQuery lazy

    jQuery lazy是一个用于延迟加载图片的插件，使用时img标签需要按以下格式写：<img class="lazyload" src="img/example-thumb.jpg" data-original="img/example.jpg" width="765" height="574">，然后在script标签中写入如下代码：$(‘img.lazyload‘).lazyload{effect:‘fadeIn‘,event:‘click‘}，effect代表图片加载时的效果，event代表触发图片加载的事件。

   官网地址：https://appelsiini.net/projects/lazyload/

 

    三、toastr

    toastr是一个通知消息插件，具体使用方式见官网。

    官网地址：http://codeseven.github.io/toastr/