欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 表格图层 > 带详细描述的服装公正文

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

作者：网页模板

大小：0.22MB

点击次数：

发布时间：2014-03-17 15:02

分享到：

特效介绍

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

点击图片下面的链接，会弹出相应的描述。
带详细描述的服装公司首页产品展示jquery插件--详情

本插件完美兼容IE6。

使用方法

1、在头部引入下面的代码：

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://www.5imoban.net/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里面。