前端框架 jQuery EasyUi 學習筆記五(qq彈出框和病毒彈出框)
在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象:
showType:定义将如何显示该消息。可用值有:null,slide,fade,show。默认:slide。
showSpeed:定义窗口显示的过度时间。默认:600毫秒。
width:定义消息窗口的宽度。默认:250px。
height:定义消息窗口的高度。默认:100px。
title:在头部面板显示的标题文本。
msg:显示的消息文本。
style:定义消息窗体的自定义样式。
timeout:如果定义为0,消息窗体将不会自动关闭,除非用户关闭他。如果定义成非0的树,消息窗体将在超时后自动关闭。默认:4秒
<script type="text/javascript">
$(function(){
$.messager.show({
title:'QQ弹窗',
msg:'消息将在5秒后关闭。',
width:'400px',
height:'300px',
timeout:5000,
showType:'slide'
});
});
})
</script>
第二个:正中间弹出框:类似病毒提示框
<script type="text/javascript">
$(function(){
$.messager.show({
title:'病毒来袭',
msg:'消息将在4秒后关闭。',
width:'300px',
height:'200px',
showType:'show',
style:{
right:'',
top:document.body.scrollTop+document.documentElement.scrollTop,
bottom:''
}
});
})
</script>
效果如图:
點擊查看更多內(nèi)容
1人點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦