素材牛

toast提示效果

 浏览:193次-  评论:0次-  发布时间:2018-07-24
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:2.1.4
代码描述:toast提示1.5秒后自动消失

1. css样式里面注释掉的是动画效果。需要动画效果的,可以自己启用。@keyframes toastanimation动画关键针,可以按照实际需求,自行增加百分比或修改百分比中对应的值。增加了@-webkit-keyframes,主要是为了提高兼容性。

2.  调用 toastmsg(msg) 方法,就可以提示toast信息的。参数 msg,主要为文本字符串。提示文字建议不要太多,1.5秒后就消失。

settimeout(function() {
    $("#toastmessage").remove();
}, 1500);

这里 1500 表示 1.5秒 后消失,可以修改这个数值,自行设置多久时间后消失。

讨论这个常用代码(0)回答他人问题或分享心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的积分余额:0 已下载次数:1
所需牛币:免费下载 开始下载
会员账号
会员密码
安全验证