- ;img />コードは次のとおりです。
- 任意のテキスト;/div>
....
任意のテキスト/div>
;
.pics { float:left; マージン左: 10px; 、幅: 230px; 、マージン: 10px; 位置: 相対; ; } .pic {幅:92%; マージン:0 自動;フォントサイズ:180px;var li="
}
.pic img {
width:100%;
margin: 0 auto; >.content {
width:92%;
padding-top:10px;
height:50px;
overflow:hidden;
コードをコピー
コードは次のとおりです。
$(function(){
//alert($(window).height()); ブラウザの現在のウィンドウの表示領域の高さ
//alert($(document).height());現在のウィンドウのドキュメントalert($(document.body).height());
/ /ブラウザの現在のウィンドウのドキュメント本体の高さalert($(document.body).outerHeight(true));
//ブラウザの現在のウィンドウのドキュメント本文の高さの合計には、境界線のパディングマージンが含まれます。alert($(window).width ());
//ドキュメントの表示領域の幅ブラウザの現在のウィンドウalert($(document).width());
//ブラウザの現在のウィンドウのドキュメントオブジェクトの幅alert($(document.body).width()); 🎜>//ブラウザの現在のウィンドウのドキュメント本文の高さalert($(document.body).outerWidth(true));
//ブラウザの現在のウィンドウのドキュメント本文の幅の合計ブラウザには境界線のパディングマージンが含まれています
$(document).scroll(function(){
var pics=$(".pics");
var sc=$(document).scrollTop();
$(" #float").text(sc);
for(var i=0;ivar pic=pics.eq(i);ボトム =pic.offset().top pic.height();
if((sc $(window).height())>=bottom){
eval( "var word=" '"\ u' (Math .round(Math.random() * 20901) 19968).toString(16) '"'); - " word "> }
} }); });
これは基本的に最も単純なウォーターフォール フローを実装しますが、スクリプトはメモリ消費、つまり無限ロードの問題を考慮していません。今は理解できていないので、後で改善します。
効果を見てみましょう:
声明：この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
img />
anytext..