jQuery插件kinMaxShow扩展效果用法实例

<script src="/UploadFiles/2021-04-02/jquery-1.10.2.min.js">

HTML 代码：


<div id="kinMaxShow">
 <div>
 <!--这是焦点图大图图片，下面为动画元素所需图片-->
 <img src="/UploadFiles/2021-04-02/1.jpg">

CSS样式：


<style type="text/css">
#kinMaxShow{display:none;}
#kinMaxShow .sub_1_1{
display:block; position:absolute;left:110px; top:136px;
}
#kinMaxShow .sub_1_2{
display:block; position:absolute;left:110px; top:120px;
}
#kinMaxShow .sub_2_1{
display:block; position:absolute;left:-160px; bottom:0px;
}
#kinMaxShow .sub_2_2{
display:block; position:absolute;left:110px; top:20px;
}
#kinMaxShow .sub_3_1{
display:block; position:absolute;right:180px; bottom:0px;
}
#kinMaxShow .sub_3_2{
display:block; position:absolute;left:30px; top:40px;
}
</style>


希望本文所述对大家的jQuery程序设计有所帮助。