如何在CSS3 / jquery插件中向UL / LI元素添加多个类?

时间:2013-06-29 13:48:30

标签: javascript jquery html css3

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

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

0 个答案:

没有答案