EasyUI弹出窗口实例

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

效果体验:

http://hovertree.com/texiao/jeasyui/1.htm

源代码下载:

HovertreeJEasyUI

HTML文件代码:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>jQuery EasyUI实例基本弹出窗口-hovertree</title><linkrel="stylesheet"type="text/CSS"href="http://hovertree.com/ziyuan/jeasyui/themes/default/easyui.css"><linkrel="stylesheet"type="text/css"href="http://hovertree.com/ziyuan/jeasyui/themes/icon.css"><linkrel="stylesheet"type="text/css"href="http://hovertree.com/ziyuan/jeasyui/demo.css"><scripttype="text/javascript"src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script><scripttype="text/Javascript"src="http://hovertree.com/ziyuan/jeasyui/jquery.easyui.min.js"></script></head><body><h2>HoverTree基本弹出窗口</h2><p>弹出窗口能够自由拖动</p><divstyle="margin:20px 0;"><ahref="javascript:void(0)"class="easyui-linkbutton"onclick="$('#hover'+'treewindow').window('open')">Open</a><ahref="javascript:void(0)"class="easyui-linkbutton"onclick="$('#hovertreewindow').window('close')">Close</a></div><divid="hovertreewindow"class="easyui-window"title="HoverTree基本弹出窗口"data-options="iconCls:'icon-save'"style="width:500px;height:200px;padding:10px;">这是弹出窗口的内容,使用EsayUI实现。本窗口可以改变大小,自由拖动,最大化,收起。<ahref="http://hovertree.com"target="_blank"style="color:black;">HoverTree</a><ahref="http://hovertree.com/hvtart/bjae/l59bo21o.htm"target="_blank">原文</a></div></body></html>

web前端资源:http://www.cnblogs.com/jihua/p/webfront.html

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航