带详细描述的服装公司首页产品展示jquery插件

带详细描述的服装公司首页产品展示jquery插件。鼠标移上去，会滑动显示图片。如下图

点击图片下面的链接，会弹出相应的描述。

本插件完美兼容IE6。 1、在头部引入下面的代码：

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<script type="text/javascript" src="https://5.jimth.com/download/jquery/jquery-1.8.3.min.js"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/Liberation_Sans.font.js" type="text/javascript"></script>
<script type="text/javascript">
    Cufon.replace('span');
    Cufon.replace('li');
    Cufon.replace('h1');
    Cufon.replace('p');
</script>
<style>
    body{
        background:#000 url(images/stripe.gif) repeat top left;
        margin:0;
        padding:0;
    }
    span.reference{
        font-family:Arial;
        text-transform:uppercase;
        position:fixed;
        right:95px;
        bottom:10px;
        font-size:11px;
        text-shadow:1px 1px 1px #000;
    }
    span.reference a{
        color:#aaa;
        text-decoration:none;
        margin-right:20px;
    }
    span.reference a:hover{
        color:#ddd;
    }
    .title{
        position:absolute;
        right:10px;
        top:10px;
        width:91px;
        height:600px;
        background:transparent url(images/title.png) no-repeat top left;
    }
</style>

2、将<!-- 代码开始 -->和<!-- 代码结束 -->之间的代码放到您的html页面的body里面。