Share
În această săptămână, vom învăța cum să combină PHP, SimplePie și jQuery pentru a construi un simplu widget de știri scroller pentru site-ul dvs. Web. Este mult mai ușor decât credeți; așa că să începem.
Rețineți că am modificat codul ușor după înregistrarea acestei interfețe. Nu vă faceți griji, sunt doar schimbări minore; dar ca și în cazul a ceva, ar trebui să vă refacționați continuu codul.
Accentsconagua
(funcția ($) $ .fn.newsScroll = funcția (opțiuni) return this.each (funcția () var $ this = $ (this), default = () $ $ this.children ('li: first'). animate (marginTop: '-' + setări.list_item_height, opacitate: 'ascunde', setări.speed, funcție () $ this .children ('li: first') .appendTo ($ this) .css ('marginTop', 0). fadeIn (300);); // end animate; setări.delare); // end setInterval);) (jQuery); // Creați o funcție anonimă care invocă automat. În acest fel, // suntem liberi să folosim simbolul dolar jQuery oriunde înăuntru. (funcția ($) // Ne numim pluginul nostru "newscroll" .Dacă creăm funcția noastră, // vom permite utilizatorului să treacă prin câțiva parametri: $ .fn.newsScroll = function (options) // Pentru fiecare element din setul înfășurat, efectuați următoarele: return this.each (function () var // Cache this - sau widget-urile ul introduse. // Salvează timpul și îmbunătățește performanța $ this = $ (acest lucru), // Dacă utilizatorul nu trece parametrii, vom folosi acest obiect. defaults = viteză: 400, // Cât de repede ar trebui să defilați articolele? (=), setările implicite, opțiunile); // Aceasta stabilește un interval care va fi apelat în mod continuu setInterval (function () / / Obțineți primul element de listă în setul înfășurat. $ Thi s.children ('li: first') // Animați-l .animate (marginTop: '-' + settings.list_item_height, // Schimbați acest element în sus. opacitate: 'ascunde', // Fadează leul. // De-a lungul oricarei lungimi este / / intrat in. (Set.speed) settings.speed, // Cand ati terminat, rulati o functie inversa. function () // Obțineți din nou primul element de listă. $ this.children ('li: first') .appendTo ($ this) // Mutați-o în partea de jos a ul. // Resetați marginea superioară înapoi la 0. În caz contrar, // va conține în continuare valoarea negativă pe care am setat-o mai devreme ... css ('marginTop', 0) .fadeIn (300); // Fade în spate.); // end animate, setări de așteptare); // end setInterval); ) (jQuery); handle_content_type (); ?>Super Duper News Scroller Super Duper News Scroller: Construit cu PHP, SimplePie și jQuery
get_items (0, 15) ca element $):?>
- get_description (); ?>
get_permalink (); ?> ">get_title (); ?>
get_date (); ?>
În douăzeci de minute, am reușit să construim un scroller frumos și simplu. Acum sunteți liber să luați pluginul și să îl extindeți la nevoile dvs. Ceea ce aveți aici trebuie considerat primul pas. Cum te poți îmbunătăți??
Acum câteva zile, pe măsură ce am pregătit galeria noastră de creare a unei filme Slick Flickr cu tutorialul SimplePie, mi-am dat seama că nu am publicat multe articole care să acopere SimplePie. Având în vedere cât de fantastic este o bibliotecă, cred că este timpul să aruncăm o privire mai atentă.
Vizitați articolul
E greu. Citești tutorial după tutorial, dar toți presupun că știi mai mult decât faci de fapt. Până când ați terminat, ați rămas mai confuz decât ați fost inițial. De ce a creat un obiect gol? Ce înseamnă atunci când treci "opțiunile" ca parametru? Ce fac de fapt "setările implicite"?
Nu vă temeți; Vă voi arăta exact cum să creați propriul plugin "tooltip", la cererea unuia dintre cititorii noștri loiali.
Vizitați articolul
Buna tuturor! Astăzi, am postat ecranul final în seria "jQuery for Absolute Beginners" pe blogul ThemeForest. Dacă nu sunteți familiarizați - în decurs de aproximativ o lună, am postat cincisprezece tutoriale video care vă învață exact cum să utilizați biblioteca jQuery. Începem prin descărcarea bibliotecii și, eventual, lucrăm până la crearea unui switch-stil AJAX.
Vizitați articolul
Astăzi marchează începutul unei serii noi de pe blogul ThemeForest care vă va arăta EXACT cum să începeți cu PHP. La fel ca și în programele de screening "jQuery for Absolute Beginners", vom începe de la zero și vom lucra încet până la unele subiecte mai avansate. Dacă ați fi dorit să învățați această limbă, asigurați-vă că ați plătit o vizită și că vă abonați la feedul RSS pentru a fi actualizat când sunt postate videoclipuri noi.
Vizitați articolul
