我编辑了一个我在网上找到的模板,并有一个用于缩略图的 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 个类。)
任何帮助都会很棒!谢谢。