0

我编辑了一个我在网上找到的模板,并有一个用于缩略图的 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 个类。)

任何帮助都会很棒!谢谢。

4

0 回答 0