hislide用法

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>