CI 模仿 Android Toast 提示信息

08 242016

1、先看效果,模仿Android Toast提示信息

blob.png

2秒后Notice消失


2、其实很简单,直接贴代码了

//Controller
$data['message'] = $this->session->flashdata('msg');
if($data['message']){
    $this->load->view('msg',$data);
}
//Html
<div style="position:absolute;bottom:2rem;width:100%;text-align:center;" id="msg">
<span style="background:#222;min-width:10rem;max-width:20rem;color:#FFF;line-height:2.5rem;border-radius:1.5rem;margin:0 auto;padding:0.75rem 2.5rem;"><?php echo $message; ?></span>
</div>
<script>
setTimeout("hide();", 2000);    //等待2s执行一次
function hide(){
	$("#msg").hide();	
}
</script>


版权信息

原文作者: 石头记

原文链接: http://1m85.com/22.html

版权所有: 本文为博主原创文章,转载请标明出处。