![]() 要素: ページングの基本要素は、前のページ + ページ番号 + 次のページ (マーク 1 など)、合計ページ番号 (マーク 2 など)、ジャンプ ページ (マーク 3 など)、「確認」ボタン (マーク 4 など) です。 ![]() フォーラムのページ数が多い場合は、数千に達することもあります。ページ分けされたコンテンツのほとんどは、継続的に更新されるトップ投稿またはオリジナル投稿であるため、ほとんどのユーザーはホームページでオリジナル投稿を確認し、次にいくつかのメッセージページを選択的に確認します。これらすべてを手動でめくる可能性はほぼゼロです。そのため、フォーラム形式のページングには次の機能があります。 1. ほとんどのユーザーは、元の投稿を読んだ後、直接ページをめくるか、投稿リストに戻ることを選択するため、下部に加えて、上部にページめくりを追加し、「リストに戻る」ショートカットを設定します。 2. したがって、「1番目」ページがホームページであり、常に「1番目」ページがあります。 中央の「...」は、表示されないページ番号を示すために使用されます。 3. ページ番号は「ホームページ 1 + 連続する 5 つのページ番号 + 最終ページ」のみを提供します。開発者は、平均的なユーザーが連続して表示できるコンテンツは最大 5 ページであることを考慮する必要があります。または、表示する最後のページに直接ジャンプすることもできます。そのため、最後のページ番号と、最後のページに直接ジャンプするためのショートカット ボタンが表示されます。 ![]() ユーザーが閲覧する情報は興味のある情報であり、新聞を読むようにページごとに閲覧するため、「前のページ」と「次のページ」が最もよく使用されます。2番目はページジャンプです。軽量マイクロブログの概念を反映するために、従来のページめくりの中央のページ番号部分をドロップダウンメニューに簡素化し、現在のページ位置を示すとともにページを切り替えることができます。 新浪微博:1ページあたり45のマイクロブログ、さらにページをめくると、前のページ、次のページ、ページ番号が表示され、デフォルトで10ページがプッシュされます ![]() 1. 検索結果は初回は 10 ページのみ表示されます。通常、この 10 ページ内でも目的の情報が見つからない場合は、ユーザーは検索内容を変更する必要があります。フットプリントグラフィックとそれに対応するページ番号をクリックするとページをめくることができ、ページの関心度が高まります。 2. ユーザーは通常、ページを検索するときにホームページに戻らないため、ページには前のページと次のページのショートカットボタンのみがあります。 3. 任意のページ番号をクリックして閲覧を続けると、次のページ番号が現在のページ + 9 として表示されます。これは、ユーザーが検索範囲を拡大するのに便利です。 4. ページ幅に合わせて最大20ページまでページ番号を付与 ![]() 1. テンセント微博:1ページあたり45のマイクロブログ、デフォルトで1つ以上のボタンが表示され、それをクリックするとさらに45個が下に表示されるなど。テンセントはユーザーが選択できるページめくりモードも導入し、よりユーザーフレンドリーになっている。 ![]() ![]() ![]() |
<<: HTML におけるメタの役割について (インターネットから収集および分類)
>>: CSS 8 目を引く HOVER 効果のサンプル コード
この記事の例では、参考のために画像をサーバーにアップロードするためのjsの具体的なコードを共有してい...
私は、WinForm と HTML5 を組み合わせた小さなものを作りたいだけなのですが、突然、そこに...
MySQL 5.7.18 が正常にインストールされた後、バージョン 5.7 では空のパスワードでのロ...
最近、プロジェクトは環境を切り替え、WebLogic を Tomcat に置き換えました。途中で発生...
ポートが占有されているかどうかは、これまで一度もわかりませんでした。多くの人に尋ねて、ようやくわかり...
1. ビューポートの概要モバイル ブラウザは通常、画面よりも幅の広い仮想ウィンドウにページをレンダリ...
序文最近、小さなプログラムでリアルタイムにチャートを更新するという要件に遭遇しました。最初は wx-...
vuex 永続状態基本原則: すべての vuex データをローカルストレージに保存し、ページが更新さ...
Drop-shadow と box-shadow はどちらも影効果(ハロー効果)のための CSS プ...
Linux chmodコマンドを使用して、ターゲット ファイルにアクセス、読み取り、書き込み、または...
Web ページでは、あるページに情報を入力すると、別のページにジャンプし、入力した情報が別のページ...
/**************************** * システムコール**********...
目次1. Vue ライフサイクル2. フック機能2.1 4つの段階と8つの方法に分かれています。 2...
この記事では、チェックボックスコンポーネントのカプセル化を実装するためのvue3.0の具体的なコード...
以前は、スクリプトは HTML 内のどこにでも配置できると思っていましたが、今日、要件に取り組んでい...