0

<h3>jQueryを使用してマウスを置いたときにタグ付きテキストをズームするにはどうすればよいですか?

これが JavaScript コードです。

 var bindBehaviors = function (scope) {
            $('h3',scope).hover(
            function () {
            $(this).css("font-size", "40px");
            },
           function () {
           $(this).css("font-size", "25px");
           }
           );
           }
           bindBehaviors(this);

サイズを変更していますが、<h3>テキストを含む行のどこかにマウスを置くと発生しています。なんで？もう一つの問題はポジショニングです。

ASPX コードは次のとおりです。

<form id="form1" runat="server">
  <div id="dictionary">
  </div>
  <div class="letters">
    <div class="button" id="letter-a">
      <h3>A</h3>
      <button type="button">Load</button> 
    </div>
    <div class="button" id="letter-b">
      <h3>B</h3>
      <button type="button">Load</button> 
    </div>
    <div class="button" id="letter-c">
      <h3>C</h3>
      <button type="button">Load</button> 
    </div>
    <div class="button" id="letter-d">
      <h3>D</h3>
      <button type="button">Load</button> 
    </div>
  </div>
  <div class="button" id="letter-f">F
    <form>
      <input type="text" name="term" value="" id="term" />
      <input type="submit" name="search" value="search" id="search" />
    </form>
  </div>
  <div id="loading">
    Loading...
  </div>
</form>
4

2 に答える 2

2

いくつかのオプションがあります。

csだけです。

h3
{
    transform: scale(1);
}

h3:hover
{
    transform: scale(1.5);
}

JS(jQuery)

$('h3').hover(
    function()
    {
        $(this).effect('scale',{percent:200},1000);
    },
    function()
    {
        $(this).effect('scale',{percent:50},1000);
    },     
);

のようなものが役立ちます。

于 2012-08-10T07:48:07.247 に答える
1

html:<h3>Some text</h3>

CSS:h3 {font-size: 14px;}

jquery:

$('h3').hover(
  function () {
    $(this).css("font-size", "16px");
  },
  function () {
    $(this).css("font-size", "14px");
  }
);
于 2012-08-10T07:34:40.060 に答える