前端彈層框架layer的簡單應用

layer是一款近年來備受青睞的web彈層組件,她具備全方位的解決方案,致力於服務各水平段的開發人員,您的頁面會輕鬆地擁有豐富友好的操作體驗。在此做個簡單應用,並mark一下,需要時再進一步學習。
效果展示:
在這裏插入圖片描述
如上圖所示,其彈出了一個淡黑色(默認)窗口,並顯示了提示消息,1秒以後,彈框消失。
如何實現:

step1 下載並引入layer.js文件

<script src="${pageContext.request.contextPath}/layer/layer.js"></script>

step2 在<script>標籤中使用layer.msg方法

 <script>
 	//調用layer.msg()方法,第一個參數指示提示信息,第二個參數爲json串,可以指定延時消失time,造型skin;
 	layer.msg(
 		'成功',
 		{time:1000}
 		);
 </script>

完成!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章