2

このWebサイト： http ： //theoew.uuuq.com/portfolios/Idea/メインナビゲーションのテキストのスタイルを設定するためにCufonを使用しています。私はそれのためにこのhtmlコードを使用しました。

<ul id="mainnav" class="alignright">
    <li class="active">
        <a href="#">
            <span>Home</span>
            <small class="active">main page</small>
        </a>
    </li>
    <li>
        <a href="#">
            <span>About</span>
            <small class="active">my bio</small>
        </a>
    </li>
</ul>

ただし、問題が1つあります。#mainnav liスパンにカーソルを合わせ、すぐにマウスを下に移動すると、その下にある#mainnav liの小さなテキストにカーソルを合わせると、＃mainnav liスパンは、マウスがまだその上にあると見なし、ホバー状態のままになります。#mainnav liスパンにカーソルを合わせた後、＃mainnav li smallにカーソルを合わせないと、これは発生しません。

私はCufonでこのコードを使用しています：

Cufon.replace('#mainnav li a span', {
    hover: true,
    hoverables: { span: true, small: true }
});

これを修正することは本当に重要なので、助けていただければ幸いです。

注：サイトは決して完成していません。

4

1 に答える 1

1

おい。コードは省略しませんでしたが、cufon replace ..... に小さなタグを追加してみてください。

<script type="text/javascript"> 
            $(document).ready(function() {      
                Cufon.replace('h1, #mainnav li a span, #mainnav li a small', {
                    hover: true,
                    hoverables: { span: true, small: true }

                });
            });
        </script>
于 2009-11-04T03:29:46.930 に答える