码迷,mamicode.com
首页 > Web开发 > 详细

jquery EsayUi 里一个小弹框

时间:2015-01-22 14:34:29      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

网站后台大多的数据展示就都用和此插件有着密切的关系:

 

来用一下这个小弹框吧:

一个Html里面的代码

 

<link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/easyui.css‘ />
<link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/icon.css />
<script type=‘text/javascript‘ src=‘js/jquery.easyui.min.js‘></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--以上插件可以官网下载-->
<
html> <!--这个div是放置你在展示的数据--> <div id=‘demo‘></div> </html>

<script type=‘text/javascript‘>
  function get_htmldata(){ //触发函数
    $.post(‘demo.php‘,{},function(data){
      $(‘#demo‘).html(data.html); //这个 html可以服务器端和客户端处理
      var param = {title:‘这里是标题‘,modal:true,shadow:true,closed:true,width:500,heigth:600}; //这里的参数自己可以看EasyUi的教学文档
      $(‘#demo‘).window(param)
      $(‘#demo‘).wondow(‘open‘);
    },‘json‘);
  }
</script>

还不会的小伙伴 赶紧去试试吧~~

 

jquery EsayUi 里一个小弹框

标签:

原文地址:http://www.cnblogs.com/savey/p/4241284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!