最近jqueryも勉強しているのでついでに記録しておきます。 HTML コードをコピー コードは次のとおりです。 < div class= "scroll"> ;/script> ; <br><script type="text/javascript" src="../skins/css/top.js" charset="UTF-8"><br> </div>CSS <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="76369" class="copybut" id="copybut76369" onclick="doCopy('code76369')">コードをコピー <u></u></a> コードは次のとおりです: </span></div> <div class="codebody" id="code76369">.scroll{ <br>background:url( ../image/scroll.gif) 繰り返しなし 中央上部 透明; <br>下:100px; カーソル:ポインタ <br>高さ:67px; <br>position:fixed ; <br>_position:absolute; /*IE6 と互換性があります*/ <br>_top:expression(eval(document.documentElement.scrollTop) /*700 は上からの距離です画像は変更可能です。 700 枚の画像を追加しないと、画像は上部に固定されてスクロールします */ <br>} <br>html{_text-overflow:ellipsis;} /*IE6 での画像のジッターを解決します*/ <br><br> <br> top.js <br> </div> <br><br><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="54343" class="copybut" id="copybut54343" onclick="doCopy('code54343')"><u> コードは次のとおりです:</u></a> </span>$(document).ready (function(){ </div>var show_lay; <div class="codebody" id="code54343">varscroll_left=parseInt((document.body.offsetWidth-960)/2) 961; //960 はページ幅です<br>$(".scroll") .click(function (){ <br>document.documentElement.scrollTop=0; <br>document.body.scrollTop=0; <br>}); 🎜>scroll_left=parseInt((document.body.offsetWidth-960)/2) 961; <br>$(".scroll").css("left",scroll_left); <br> (scroll_left,show_delay); <br>関数 reshow(marign_l,show_d) { <br>$(".scroll").css("left",<br>if((ドキュメント)) .documentElement.scrollTop document.body.scrollTop)!=0) <br>{ <br>$(".scroll").css("display","block"); <br>else <br>{ <br>$(" .scroll").css("display","none");} <br>if(show_d) window.clearTimeout(show_d); <br>show_d=setTimeout("reshow() ",500); <br> } <br><br> <br>最後に、<br>jQuery.js<br> ファイルを忘れないでください。</div>
