カプセル化されたjqueryページスクロール(サンプルコード)_jquery
May 16, 2016 pm 05:14 PM
jquery
ページをめくる
HTML 構造:
コードをコピー コードは次のとおりです:
ul._rollSe{幅:100px;高さ:300px;オーバーフロー:非表示}
ul._rollSe li._rollPar{高さ:100px;ボーダー:1px ソリッド #369}
コードをコピーします コードは次のとおりです。
<div class="_rollParent"> 🎜> <ul class="_rollPageSe">
<li class="_rollpage">1</li>
<li class="_rollpage">2</li>
</ul>
<div>
<a href="#" mce_href="#" class="_scrollPrev" data-frequency="3" data-pr="happy">前のページ</ a>
<a href="#" mce_href="#" class="_scrollNext" data-frequency="3" data-pr="happy">次のページ</a> ;/div> class="_rollPar"<?php echo $a; ?></li>
<?php endfor;? gt;
</ul>
</div> ;
JS インポート ファイル:
<script type="text/javascript" src="/js/jquery//scrollTo/jquery.scrollTo-min.js"></script>
params: 上記 HTML 構造の必須項目: 関連クラス
_rollParent: イベントをトリガーした上位層)
_rollSe: スクロール領域
_rollPar: スクロール要素
_scrollNext: 次のページボタン
_scrollPrev: 前ページボタン
_rollPageSe: ページング領域
_rollpage: ページ番号要素
data-frequency: スクロール頻度 (例: 一度に 3 つの要素をスクロール) -> イベントをトリガーするボタンにマークを付ける必要があります。
data-pr: Cookie プレフィックス。
説明: 一度に複数のデータを読み取り、数個だけを表示し、ページをスクロールします (一度に 3 個または n 個のデータをスクロールします)。このメソッドでは、HTML 要素に必要なイベント スクロール効果をマークするだけで済みます。上記で指定されたクラスで利用可能です。
JS 初期化メソッド:
コードをコピー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7303
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1207
29



jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?
