1.引入相关js
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugin/highslide/highslide.css" type="text/css"></link>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/highslide/highslide-full.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/highslide/highslide-with-html.js"></script>
<script type="text/javascript">
hs.graphicsDir = '${pageContext.request.contextPath }/static/plugin/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
</script>
2.用法如下
<div>
<a style="CURSOR:hand" href="${pageContext.request.contextPath }/xxxController/AAA.html?name=${item.name}" οnclick="return hs.htmlExpand(this, { contentId: 'highslide-html-1', objectType: 'ajax', preserveContent: true} )">
<div class="scrollStyle" align="center" style="table-layout:fixed;">
详情
</div>
</a>
<div class="highslide-html-content" id="highslide-html-1" style="width: 700px">
<div class="highslide-move" style="border: 0; height: 18px; padding: 2px; cursor: default">
<a href="#" onClick="return hs.close(this)" class="control">[关 闭]</a>
</div>
<div class="highslide-body"></div>
</div>
</div>