标签: jquery-effects

许多jQuery(和jQuery UI)功能允许在显示/隐藏元素时发生动画.关于其他完全网站的令人厌烦的事情之一是他们缺乏对你可以使用的动画关键字的定义.我所知道的slide,fadeIn和fadeOut.我知道我过去也使用过其他人.某处有明确的选项列表吗？

尝试h3通过jquery将标题向右滑动到此滑块.此滑块默认具有淡入淡出效果,我正在尝试将slideRight效果赋予h3滑块标题.

HTML:

<div id="headslide">
    <ul>
        <li class="post-content">
            <div class="slidshow-thumbnail">
                <a href="#">
                    <img src="http://3.bp.blogspot.com/-h4-nQvZ5-VE/VQ3HLtSS3ZI/AAAAAAAABIc/iaOda5zoUMw/s350-h260-c/girl_with_winter_hat-wallpaper-1024x768.jpg" height="260" width="350"/>
                </a>
            </div>
            <span class="content-margin">
                <p>Cicero famously orated against his p...</p>
                /* Title */
                <h3><a href="#">Download Premium Blogger Templates</a></h3>
                <span class="info">Info</span>
            </span>
        </li>

        <li class="post-content">
            <div class="slidshow-thumbnail">
                <a href="#">
                    <img src="http://3.bp.blogspot.com/-YfkF1u_VB40/VWr5dYf00gI/AAAAAAAABW8/wv2e-Lu4etw/s390-h340-c-h340-c/11071467_807062866056131_872486685669967339_n.jpg" height="260" width="350"/>
                </a>
            </div>
            <span class="content-margin">
                <p>SEO friendly Flat style Custom Fonts.</p>
                /* Title */
                <h3><a href="#">Modern with a pixel-perfect eye</a></h3>
                <span class="info">Info</span>
            </span>
        </li>
    </ul>
</div>

我试过这个
$(".content-margin").delay(400).show("h3", …

可以这样做吗？

例如.

.class1{
  background-image:(whatever.jpg)
  color: #fff;
}

.class2{
  background-image:(whatever2.jpg)
  color: #999;
}

当鼠标悬停在元素上时,我可以淡化所有具有class1到class2的元素,当鼠标移出时,可以淡化到class1吗？

是否有可能将jQuery高亮效果淡化的颜色更改为？

现在它以黄色开始突出显示,然后淡化为白色然后淡出.

我最终用黄色突出显示背景颜色,然后淡化为透明.

在一个复杂的jquery问题中,如果可能的话,我想要一个an image to fly into another div并将当前值加1,就像在购物车中一样

场景是用户可以像其他用户一样,通过点击他的图像旁边的拇指现在我希望用户的图像在飞到计数器时不断变小,一旦到达div,应该删除点击的图像.

fly and shrink part阅读教程之后我无法做到并且认为我需要帮助的东西.我认为这是一个耗时的事情,因此任何指导都将受到极大的赞赏.谢谢Jsfiddle爵士

http://jsfiddle.net/rigids/TYMfB/

下图更多地解释了一些事情

使用Bootstrap 2.0我使用.table-striped设计了一个表格.我正在通过ajax更新数据行,当更新完成时,我想突出显示行,该行适用于没有背景颜色的行.所以基本上,偶数行突出显示,奇数行不突出显示.我不知道为什么会这样.

我现在可能只是太累了,但有些建议会受到赞赏.

我正在使用以下代码来触发突出显示:

$("#row_" + id).effect("highlight", {}, 1500);

我目前正在使用kilianvalkhof jQUERY pulsate effet. http://kilianvalkhof.com/jquerypulsate/

我的目标是在用户点击菜单项时启动div的效果.

当用户点击不同的菜单项时,我希望currant active pulsate效果停止,而新的一个在另一个DIV上启动.

我似乎无法找到阻止效果的方法.

    <!-- Menu -->

<div id="user_menu">
       <ui>
        <li id="item1"><a  href="#">Name 1</a></li>
        <li id="item2"><a  href="#">Name 2</a></li>
      </ui>
</div>

<!-- Map -- >

<div id="desk1">

<img src="images/image1.jpg" />

</div>

<div id="desk2">

<img src="images/image1.jpg" />

</div>

//jQuery
$(function() {
    $("#item1")

   .click(function() {
            //$("#desk1").pulsate({color:"#09f"});              

       });

    });

问题是无法关闭.pulsate.因此,如果您单击item1然后单击item2,它们将继续脉动直到页面刷新.

有一个选项可以将脉动设置为给定的数字,但理想情况下我希望它保持脉冲在给定的div上,直到另一个菜单项被点击.

多谢你们.

塞缪尔

我曾经在网上搜索了100次,找到了我喜欢的东西.我一无所获,并试图自己做.两天后,由于种种原因,我放弃了.所以我在这里问你们所有人是否可以为我做这件事.想想一个鼓棒标题,你向下滚动一个网站,标题与它固定在顶部.所以我的想象是,每当标题打到一个部分时data-color="#2D2D2D",标题背景颜色将更改为它.但是,等等,我希望它与背景图像呈线性关系,所以如果他将其颜色线性回滚到之前的颜色.

这是我见过的文章.但它只是一个图像,它在内容中. https://codyhouse.co/demo/fixed-background-effect/index.html

这是我的笔(这只是一个尝试) http://codepen.io/muuvmuuv/pen/MarxYx

这是一个img

我目前正在使用jQuery.Cycle循环遍历一些子<div>标签.但是,我想要默认循环fx fade,当我单击next或prev选择器时,我希望循环fx暂时更改为scrollRight或scrollLeft取决于单击的选择器.

这可能吗？

jQuery代码,如有必要:

$('#banner_content').cycle({
    fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    timeout: 6500,
    speed: 2000,
    next: $("#right_arrow a"),
    prev: $("#left_arrow a"),
});

我需要在使用我的页面时将用户的注意力吸引到某个点上的按钮.

<button id="btnSubmit" style="float:left;width:78px;">Submit</button>

理想情况下,我希望按钮"发光".即在它周围有一个渐隐的边框,然后在一秒后消失.

我尝试过使用box-shadow来实现我想要的发光效果.

.boxShadowed{
     font-weight:bold;
    -moz-box-shadow:0px 0px 10px 7px #777777;
    -webkit-box-shadow:0px 0px 10px 7px #777777;
    box-shadow:0px 0px 10px 7px #777777;
}

但我无法弄清楚如何让它淡入淡出.此外,它似乎在IE8中不起作用.

我知道jQuery通常很适合这种效果,但到目前为止我还没有遇到任何合适的效果.