Fyrir stuttu síðan var Flash einn af aðal tækni sem vefhönnuðir notuðu til að bæta við gagnvirkni á vefsíðu.

Frá því að iPad hefur verið kynnt, með skorti á Flash Player, er hröðun í þróun vefurheimsins til að nota aðra tækni til Flash, eins og jQuery, Ajax og aðrir.

Þótt Flash sé enn mjög öflugt og gagnlegt tól, sem virkar vel í mörgum tilvikum, geta nokkrar af þeim áhrifum sem vefhönnuðir eru vanir að búa til í Flash, eins auðveldlega framkvæmdar með jQuery.

Hér eru 21 á netinu kynningar sem sýna kraft jQuery til að búa til háþróaða áhrif og gagnvirkni sem geta keppt við Flash.

1. Flip! A jQuery tappi

Þessi kynning líkar eftir vinsælum flipatækni sem hægt er að snúa þætti 360 gráður í kringum eigin x eða y-ás.

2. jQuery Quicksand tappi

Þetta er frábært tappi til að flokka fjölda þætti / tákn á blaðsíðu með fallegu hverfinu / fade-out og hreyfimyndum.

3. ImageFlow

Þessi myndskoðari er svipaður CoverFlow tengi Apple sem hefur orðið svo kunnugt um mismunandi vörur og forrit.

4. Búðu til gagnvirkt kort með jQuery í stað Flash

Þessi kynning sameinar kraft jQuery með Ajax til að búa til virkan þátttöku.

5. Slideout Ábendingar Með jQuery & CSS3

Með því að smella á "+" táknin birtist viðbótarupplýsingar með fallegu sléttum hreyfimyndum.

6. Zoomer Gallery

Í þessari kynningu virðist það vera venjulegt truflanir myndasafn er gefið nokkrar auka gagnvirkni með því að nota multi-lag zoom áhrif þegar sveima yfir mynd.

7. JQuery Circulate

Þessi kynning sýnir mikið notaða Flash-áhrif hringinga í kringum síðu - allt gert með því að nota jQuery.

8. Photo Zoom Out Effect

Þessi kynning virðist vera svolítið einföld, en eftir frekari prófanir finnur þú að það eru margar lög að flókið zoom-out áhrif.

9. Renniboxar og skýringar með jQuery

Hér fáum við að sjá hvernig hægt er að búa til öflugar umbreytingar með jQuery, tækni sem er einu sinni frátekin fyrir Flash forritara eingöngu.

10. CSS3 Lightbox Gallery

Þessi tappi lítur út eins og það var skrifað sérstaklega fyrir félagsmiðla. Dragðu og slepptu mynd ofan á "hluthólfið" mun opna snerta glugga sem getur verið tengi til að hringja í API gegnum AJAX sem getur leyft notandanum að deila mynd á Flickr, Twitter, Facebook og öðrum vefsíðum.

11. Gerðu Photoshoot áhrif með jQuery & CSS

Þó að þessi kynning gæti virst eins og auga-nammi við fyrstu sýn gæti það verið mjög öflugt tól til að vinna með stórum myndum þegar það er tengt við AJAX eða HTML5 staðbundna geymslu.

12. Awesome Bubble Navigation

Hér gerir verktaki góða notkun litaskipta og hreyfimynda til að framleiða mjög aðlaðandi og gagnvirka valmynd.

13. Fallegt Bakgrunnsmyndarskoðun

Í þessari kynningu hverja notandi aðgerð kallar nokkrar umbreytingar sem allir virka til að fullu sökkva notandanum í tengi.

14. AviaSlider

AviaSlider notar klassískt Flash-eins og umskipti áhrif til að auka það sem virðist vera venjulegt renna tengi.

15. Bakgrunnsmyndarsýning

Hreyfimyndir eru eitt af þeim svæðum þar sem Flash var notað til að ráða yfir í vefhönnun. Hér er dæmi um notkun jQuery í staðinn.

16. Panning Slideshow

Annar einstakur taka á dæmigerðum myndasýningu tengi. Hér bætir höfundurinn við skáleiðsögn til að krydda viðmótið og gera það áberandi.

17. jqFancyTransitions

Þessi tappi er hægt að nota til að birta myndirnar þínar sem myndasýningu með ímyndaðri Flash-eins og umskipti áhrif.

18. iCarousel - Láréttar myndir renna

Annar myndasýning sem bætir bara við slökun á slökun til að gera umbreytingarnar í rauninni áberandi. Það er engin furða að þeir völdu að sýna kynþokkafullur Mac vörur í þessari kynningu.

19. Gerðu gagnvirka mynd með jQuery

Þessi kynning er hægt að nota til að nýta sér vefsíður þar sem mikið af skjárými er. Með því að smella á hluta vefsíðunnar kemur fram hugsanlegur kassi sem sýnir fleiri upplýsingar um smellt er á hlutann.

20. Ský Zoom

A tappi sem lítur út eins og það var hannað með eCommerce í huga. Cloud Zoom er auðvelt að innleiða og getur raunverulega aukið reynslu notandans.

21. Epli-svipuð sjónhimnuáhrif

Hver sá sem hefur notað iPhone, iPod touch eða iPad þekkir "Retina View" sem mun stækka lítið svæði á skjánum þegar þú snertir svæðið í langan tíma. Þessi kynning útfærir þessa áhrif fyrir skjáborðið.


Samanlagt eingöngu fyrir WDD með Kalim Fleet . Hann er faglegur vefur hönnuður og blogger með yfir 6 ára reynslu. Vefurinn er ástríða hans þegar hann skiptir tíma sínum milli bloggaskrifa, hugbúnaðarþróunar og félags fjölmiðla. Hann elskar að nota og þróa ný forrit fyrir vefinn, farsíma og skrifborð.

Veistu um önnur frábær dæmi um jQuery áhrif sem geta keppt við kraft Flash? Ert þú alltaf að stinga upp á jQuery áhrifum á Flash þegar viðskiptavinir þínir biðja um þau? Vinsamlegast deildu skoðunum þínum og dæmum hér að neðan!