我编辑了一个我在网上找到的模板,并有缩略图的jquery ..
<ul class="ff-items">
<li class="ff-item-type-1">
<a href="#" title="" >
<div><span>Title 1 ABC</span></div>
<img src="images/w_abc1.jpg" alt=""/>
</a>
</li>
<li class="ff-item-type-3">
<a href="#" target="_blank" >
<div><span>TITLE 2 ABC</span></div>
<img src="images/w_abc1.jpg" alt="" />
</a>
</li>
</ul>
链接到此jquery插件:[::Link::]
此插件对图像列表进行分组,并在悬停时显示带有跨区文本信息的动画。基本上是悬停的过渡。
现在,我正在尝试通过另一个使用以下语法的jquery插件将悬停效果更改为另一个效果:
<ul id="da-thumbs" class="da-thumbs">
<li>
<a href="http://dribbble.com/shots/502538-Natalie-Justin-Cleaning">
<img src="images/7.jpg" />
<div><span>Natalie & Justin Cleaning by Justin Younger</span></div>
</a>
</li>
<li>
<!-- ... -->
</li>
<!-- ... -->
</ul>
链接到此Jquery / CSS3插件:[:::link:::]
现在,我的问题是我想保持单选按钮选择但不希望悬停的过渡效果..而是我想要上面列出的第二个jquery以方向感知的方式显示信息。
ul的类已被描述为class =“ff-items”。如何添加另一个类?我尝试在类之间给出一个空格,但根本不起作用。图像冻结而没有任何过渡或悬停效果!我试过这个:
<ul id="da-thumbs" class="ff-items da-thumbs">
(添加了da-thumbs id并向UL提供了2个课程。)
任何帮助都会很棒!感谢。