Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Rodinys: 8656|Atsakyti: 0

[JavaScript] JS prisitaiko prie ekrano dydžio karuselės grafiko

[Kopijuoti nuorodą]
Paskelbta 2020-09-25 10:15:17 | | | |
Reikalavimai: Prisijungus prie mobiliojo terminalo, karuselės diagramoje rodomas tik 1 turinio vienetas, kai ji yra planšetinio kompiuterio terminale, rodomi 2 turinio vienetai, o kai yra kompiuterio pusėje, rodomi 4 turinio vienetai.

Pirma, pagal atvaizdus:



Mes žinome, kad bootstrap turi tinklelio sistemą, kuri gali labai gerai prisitaikyti prie įrenginio dydžio, principas iš tikrųjų yra CSS laikmena, tačiau mano karuselės funkcija naudoja "Swiper" papildinį, kuris nustatomas pagal js parametrus.

"Swiper" yra braukimo efekto papildinys, sukurtas naudojant gryną "JavaScript", skirtas mobiliesiems įrenginiams, tokiems kaip mobilieji telefonai ir planšetiniai kompiuteriai.
"Bootstrap" tinklelio sistema:



Išsami informacija:Hipersaito prisijungimas matomas.

Jei naudojate gryną CSS, kodas yra toks (ne man):

js vertinamas pagal Window matchMedia() metodą, o parametrai koreguojami ir pritaikomi. Kodas yra toks:

(Pabaiga)




Ankstesnis:.NET/C# gijų gaudymo išimties informacija
Kitą:[ Faktinė kova ] ASP.NET Core yra pagrįstas Redis paskirstyta užrakto blykstės pardavimas
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.

Mail To:help@itsvse.com