<html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <link rel="stylesheet" href="//ku.shouce.ren/libs/layer/js/skin/layer.css" media="all"> <script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"> </script> <script src="//ku.shouce.ren/libs/layer/js/layer.js"> </script> </head> <body> <div class="clear box layer-main"> <a href="javascript:;" onclick="test();">点我弹窗 </a> </div> <script> function test(){ //在这里面输入任何合法的js语句 layer.open({ type: 1, //page层 area: ['500px', '300px'], title: '你好，layer。', shade: 0.6, //遮罩透明度 moveType: 1, //拖拽风格，0是默认，1是传统拖动 shift: 1, //0-6的动画形式，-1不开启 content: '<div style="padding:50px;">这是一个非常普通的页面层（type:1），传入了自定义的html</div>' } ); } </script> </body></html>