用jCarousel将整个嵌套的div组合成一个可单击的对象
||
试图在整个地方搜索这个东西，所以我是个白痴，不知道我到底应该搜索什么，还是没有答案。作为CSS的新手，我将猜测前者，因此我非常感谢您的帮助。
这是我想做的事情：
我有一个jCarousel，它显示一组项目。每个项目由一张图片和一些文本组成，如下所示：
<li>
<div class=\'jcarousel_item_part_pr\'>
<div class=\'jcarousel_item_top_pr\'></div>
<div class=\'jcarousel_item_midd_pr\'>
<div class=\'jcarousel_item_thumb_pr\'>
<a href=\'http://my.url\' title=\'Item Name>
<img src=\'http://my.url/image\' width=\'115\' height=\'115\' alt=\'Item Name\' title=\'Item Name\'>
</a>
</div>
<div class=\'jcarousel_item_name_pr\'>
<span class=\'jcarousel_item_store_cap\'>
<a href=\'http://my.url\' title=\'Item Name\'>Item Name</a>
</span>
<span class=\'jcarousel_item_store_cap_p\'>
<a href=\'http://my.url\' title=\'Location\'>Location</a>
</span>
<span class=\'jcarousel_item_store_cap_sub_p\'>$Cost</span>
</div>
</div>
<div class=\'jcarousel_item_bottom_pr\'></div>
</div>
.jcarousel_item_part_pr{ width:180px; height:190px; float:center; margin-right:13px; margin-bottom:20px;}
.jcarousel_item_part_pr a{display:block;}
.jcarousel_item_top_pr{ background:url(../images/pr_top.png) top left no-repeat; height:5px; width:180px;}
.jcarousel_item_bottom_pr{ background:url(../images/pr_bottom.png) top left no-repeat; height:5px; width:180px;}
.jcarousel_item_midd_pr{ background:url(../images/pr_midd.png) top left repeat-y; height:180px; width:180px; position:relative;}
.jcarousel_item_thumb_pr{text-align:center; position:absolute; left:15px; bottom:42px; top:10px; width:150px;}
.jcarousel_item_name_pr{ width:170px; height:auto; position:absolute; left:5px; bottom:1px;}
.jcarousel_item_name_pr p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; font-weight:bold; text-align:center; padding:2px 0 0 0;}
.jcarousel_item_name_pr p a{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none;}
.jcarousel_item_name_pr p a:hover{ color:#ffffff; text-decoration:none;}
没有找到相关结果
已邀请:
1 个回复
哩翔购