效果体验:
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