码迷,mamicode.com
首页 > 其他好文 > 详细

用jq实现toas 效果

时间:2018-09-19 19:47:00      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:分享   show   src   需求   代码   添加   时间   http   png   

.需求:1点击立即投保时;如果客户没有勾选协议,自动跳转到

checkbox 。
2. 并且提示toast . (因为我是接手之前的项目,用的是JQ,引用了很多公共样式,JS,我这里用框架实现不了toast效果,于是写了一个)

 

 

 

实现效果:

技术分享图片

 

代码:1 需求 html

.技术分享图片

 

js

 在checkbox判断没有为false时,

执行 window.location.href = ‘#box‘  即可。

技术分享图片

 

 

需求2 :

1.首先要创建一个div;

2.给这个div添加你想要的文本内容;

3.给当前div设置CSS样式;

4.获取body ,并且把div挂载在body上;

5.写一个时间函数,判断div间隔多少时间消失;

6.在这里我们要想到给一个开关,避免点一下立即投保就弹出一个toast ,就会产生多个toast 。体验感不好,只有当提示的toast消失之后点击立即投保它才可以生效;于是定义一个变量,初始是可以点击的;

例:(let show  = true)

 

贴上代码:技术分享图片

 

用jq实现toas 效果

标签:分享   show   src   需求   代码   添加   时间   http   png   

原文地址:https://www.cnblogs.com/hemei1212/p/9676077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!