1

我对我的问题有点困惑，它可能有一个简单的解决方案，但我似乎无法让它工作。

当您将鼠标悬停在按钮上时，我只想让按钮淡入淡出。

   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(".client-login").hover(
    function(){
        $(this).fadeTo(150,0.7);
    },
    function(){
        $(this).fadeTo(100, 1.0);
    }
);
</script>

<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header id="main-header">
    <div id="top-menu">
        <div id="login-buttons">
            <div class="client-login">Client Login</div>
        </div>
...
4

1 回答 1

1

你忘记了你的 jquery 文档。准备好了

//document.ready的简写是$(function(){});

 $(function () {
    $(".client-login").hover(
        function(){
            $(this).fadeTo(150,0.7);
        },
        function(){
            $(this).fadeTo(100, 1.0);
        }
    );
});
于 2013-08-22T20:52:27.200 回答