特效介绍
带详细描述的服装公司首页产品展示jquery插件。鼠标移上去，会滑动显示图片。如下图
点击图片下面的链接，会弹出相应的描述。
本插件完美兼容IE6。
使用方法
1、在头部引入下面的代码：01 | <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/> |
02 | <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script> |
03 | <script src="js/cufon-yui.js" type="text/javascript"></script> |
04 | <script src="js/Liberation_Sans.font.js" type="text/javascript"></script> |
05 | <script type="text/javascript"> |
06 | Cufon.replace('span'); |
07 | Cufon.replace('li'); |
08 | Cufon.replace('h1'); |
09 | Cufon.replace('p'); |
10 | </script> |
11 | <style> |
12 | body{ |
13 | background:#000 url(images/stripe.gif) repeat top left; |
14 | margin:0; |
15 | padding:0; |
16 | } |
17 | span.reference{ |
18 | font-family:Arial; |
19 | text-transform:uppercase; |
20 | position:fixed; |
21 | right:95px; |
22 | bottom:10px; |
23 | font-size:11px; |
24 | text-shadow:1px 1px 1px #000; |
25 | } |
26 | span.reference a{ |
27 | color:#aaa; |
28 | text-decoration:none; |
29 | margin-right:20px; |
30 | } |
31 | span.reference a:hover{ |
32 | color:#ddd; |
33 | } |
34 | .title{ |
35 | position:absolute; |
36 | right:10px; |
37 | top:10px; |
38 | width:91px; |
39 | height:600px; |
40 | background:transparent url(images/title.png) no-repeat top left; |
41 | } |
42 | </style> |