Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Backend-Entwicklung > PHP-Tutorial > 基于Jquery的瀑布流

基于Jquery的瀑布流

WBOY
Freigeben： 2016-07-25 08:48:27
Original
1266 Leute haben es durchsucht
基于Jquery的瀑布流
  5. AJAX
  14. $page = isset($_GET['page']) ? intval($_GET['page']) : 1;
  15. $size = 20;
  16. try
  17. {
  18. $pdo = new PDO('mysql:host=localhost;dbname=wechatbook', 'root', 'root');
  19. $offset = ($page - 1) * $size;
  20. $sql = "SELECT title FROM wcb_rss_news limit $offset,$size";
  21. $stmt = $pdo->query($sql);
  22. $stmt->setFetchMode(PDO::FETCH_ASSOC);
  23. $list = $stmt->fetchAll();
  24. if (!empty($list))
  25. {
  26. foreach ($list as $row)
  27. {
  28. ?>
  29. = $row['title'] ?>
  30. }
  31. }
  32. else
  33. {
  34. echo '';
  35. }
  36. }
  37. catch (PDOException $e)
  38. {
  39. }
  40. ?>
  • <script><li> $(function() {<li> var $container = $("#container");<li> $container.imagesLoaded(function() {<li> $container.masonry({<li> itemSelector: '.box',<li> isAnimated: true,<li> columnWidth:200,<li> gutterWidth:200,<li> // isFitWidth:true,//自适应宽度<li> isResizableL:true// 是否可调整大小<li> });<li> });<li> $container.infinitescroll({<li> navSelector: '#next-link',<li> nextSelector: '#next-link a',<li> itemSelector: '.box',<li> animate: true,<li> loading: {<li> msgText: "加载中...",<li> finishedMsg: '没有新数据了...',<li> img: 'http://xialei.test.com/img/loading.gif',<li> selector: '.loading'<li> },<li> localMode: true<li> }, function(newElements) {<li> console.dir(newElements)<li> var $newEle = $(newElements);<li> $newEle.imagesLoaded(function() {<li> $container.masonry('appended', $newEle, true);<li> });<li> });<li> });<li></script>
  • 复制代码


    • Verwandte Etiketten：
    基于Jquery的瀑布流
    Quelle：php.cn
    Vorheriger Artikel：求兩數是否互質(互素) Nächster Artikel：使用curl和正则表达式抓取网页数据
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Neueste Artikel des Autors
    Aktuelle Ausgaben
    POST-Anfrage zum Extrahieren der GUID von der ASPX-Website mithilfe von Mechanize Es gibt eine Website namens https://www.guidgenerator.com/online-guid-generator.aspx, die ...
    Aus 2024-04-02 12:43:40
    0
    1
    420
    Der Flex-Abstand ist fehlerhaft, wenn versucht wird, das HTML-Tag <pre><code> überlaufen zu lassen, anstatt es umzubrechen Ich wende CSS auf den Vorcode-Selektor an, um gestaltete Codeblöcke zu erstellen, wie Sie ...
    Aus 2024-04-01 12:22:06
    0
    1
    296
    verwandte Themen
    Mehr>
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage