WordPress jQuery淡入淡出效果

时间:2011-10-05 作者:Laurize

我在跟踪a tutorial.

我已经包括了悬停。js,代码如下:

$(function() {
    // OPACITY OF BUTTON SET TO 50%
    $(".imgopacity").css("opacity","0.5");

    // ON MOUSE OVER
    $(".imgopacity").hover(function () {
        // SET OPACITY TO 100%
        $(this).stop().animate({
            opacity: 1.0
        }, "slow");
    },

    // ON MOUSE OUT
    function () {
        // SET OPACITY BACK TO 50%
        $(this).stop().animate({
            opacity: 0.5
        }, "slow");
    });
});

2 个回复
最合适的回答,由SO网友:cillierscharl 整理而成

通过你的来源-jQuery Source - 看来noConflict() 就在最后被叫来了。

修正你的悬停。js将如下所示:

jQuery(function($) {    //Allow the use of $ namespace in this function.
    // OPACITY OF BUTTON SET TO 50%
    $(".imgopacity").css("opacity","0.5");

    // ON MOUSE OVER
    $(".imgopacity").hover(function () {

    // SET OPACITY TO 100%
    $(this).stop().animate({
        opacity: 1.0
        }, "slow");
   },

    // ON MOUSE OUT
   function () {

   // SET OPACITY BACK TO 50%
   $(this).stop().animate({
       opacity: 0.5
       }, "slow");
   });
});
谨致问候,

SO网友:Sardorbek Tolerant Pulatov

不要在Wordpress中使用“$()”,而是使用“jQuery()”。

结束

相关推荐

定制的jQuery会发布幻灯片吗?

我想了解一下最新文章中的内容:http://themeforest.net/item/equilibrium-clean-and-modern-wp-portfolio-theme/full_screen_preview/505517我可以很容易地用jquery幻灯片效果构建它,但我不知道如何使它在每次提交新帖子时自动更新。那么,有没有人知道我如何为我的博客构建这个功能,或者是否有这个功能的插件?谢谢