layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)

layer弹出层的使用:

1,layer弹出提示框

2,layer弹出一张图片

3,layer地图弹出框

1,下载jquery,layer   http://layer.layui.com/(网上一搜,上官网下载就行了)

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第1张图片

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第2张图片

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第3张图片

2,引入项目

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第4张图片

3,使用

注意:

1,要在前面引入。

 2,要用 

             

           

           $('#test').on('click', function()          //这个不起作用

           {

                  layer.msg('响应点击事件');

            });

          https://blog.csdn.net/xiao__jia__jia/article/details/79337312  为什么layer弹出层点击事件不起作用

例1



	
		
		
			
		
		
	
	
			
	

效果如下:点击小小提示层,屏幕正中间弹出“响应点击事件”

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第5张图片

 

例2



	
		
		
			
		
		
	
	
		弹出图片
	


效果如下:点击yes跳转到back——login页面,点击cancel会自动关闭弹窗

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第6张图片

 

例3:



	
		
		
			
		
		
	
	
		查看地图
	

效果如下:点击查看地图,弹出地图

layer弹出层的使用(layer弹出提示框,layer弹出一张图片,layer弹出地图框)_第7张图片

 

https://blog.csdn.net/qq_41815146/article/details/81141088  layer弹出图片的问题

https://blog.csdn.net/wangweiscsdn/article/details/59116942  layer.js的弹出层点击确认跳转页面

 

你可能感兴趣的:(javaweb,js)