fufufunofufufuのプロフィール

今仕事でレスポンシブなwebデザインをしています。一つ一つの画像の横幅を％で指定しているのでブラウザの横幅を縮めていくとレイアウトが崩れずに画像も小さくなっていきますが、この画像にjqueryでマウスオーバーを設定すると(画像に_on_offつけるだけの簡単なやつありますよね？)マウスオーバーで出てくる_onの画像が縮小されないで出てくるのです。なので小さい画像の上にいきなり原寸サイズの画像が半透明で被さるように出てきます。このせいでスマホで見たときにマウスオーバーがおかしくなるし、横スクロールバーが出てしまい、大変なことになります。 画像のwidthを％表示したときのマウスオーバーで安全なやり方はありますか？画像を入れ替えなくてもちょっと白っぽく明るくするだけでもいいんですが。

JQUERYについて教えてください。 readyがDOMを読み終わってから実行しろという意味は分かったのですが、 あったりなかったりするfunction()はどんな意味なのでしょうか？ function(){ $(this).stop().animate({'marginBottom':'60px'},150); },function(){ $(this).stop().animate({'marginBottom':'0px'},120); こちらにあるのですがメソッドに一個必須なのでしょうか？ 例 <script type="text/javascript"> $(document).ready(function(){ $('div#goto_top').hover( function(){ $(this).stop().animate({'marginBottom':'60px'},150); },function(){ $(this).stop().animate({'marginBottom':'0px'},120); </script>

マンホールの写真の複製をしているのですが凹凸がつけれません。 凹凸をつけるにはどうすればいいですか？ ちなみにPhotoshopCS3を使っています。

自己解決できず、こちらで質問させてください。 どうぞよろしくお願いします。 社内サイトを作っています。 ブラウザ環境はIE8です。 toggleで項目ごとに展開・折りたたみの設定をしているページがあります。 初期値はdisplay:none;を指定しています。 ページ内に設定しているリンク（折りたたみ箇所ではない）をクリックした際 別ウインドウを開くようにしているのですが その別ウインドウには、toggle設定がされているページ(a.html)を iframe内に表示させたいのです。 別ウインドウを開いた時に、a.htmlの折りたたまれている個所を全て展開して表示させる事は できますでしょうか？ ご存知の方、アドバイス頂けないでしょうか。 ＜iframeに入れるページ(a.html)＞ <script> $(function(){ $("#list li div:nth-child(1)").addClass("title"); $("#list li div:nth-child(2)").addClass("content"); $(".h4").click(function(){ $(this).next().toggle(300); }); }); </script> <ul id="list"> <li> <h4 id="title">タイトル1</h4> <div id ="content" style="display:none;"> <p> あああああああああああああああああああああああ </p> </div> </li> ・ ・ ・ ・ </ul>

JQUERYについて教えてください。 readyがDOMを読み終わってから実行しろという意味は分かったのですが、 あったりなかったりするfunction()はどんな意味なのでしょうか？ function(){ $(this).stop().animate({'marginBottom':'60px'},150); },function(){ $(this).stop().animate({'marginBottom':'0px'},120); こちらにあるのですがメソッドに一個必須なのでしょうか？ 例 <script type="text/javascript"> $(document).ready(function(){ $('div#goto_top').hover( function(){ $(this).stop().animate({'marginBottom':'60px'},150); },function(){ $(this).stop().animate({'marginBottom':'0px'},120); </script>