WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Interface Elements / Miscellaneous

Wordpress Toggle-It

— Add- On til WorldWideScripts.net

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Wordpress Toggle-It - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Merk: Noen ikoner konflikt med de nye wordpress 4.2 imojis

ToggleIt lar deg åpne og lukke noe element på nettstedet ditt med innsett og tilpasses ikoner.

Sett Ikoner som veksle noen element / s på siden.

Fullt passelig Entypo Ikoner - Over 230 Ikoner - Sett farge og størrelse, åpne og stenge ikoner.

Sett animasjon hastigheter for åpne og stenge animasjoner.

Eksempel på kode:

<Div class = "veksle-it" data-target = "# branding" data-color = "rgb (209, 53, 114)" data-shut-color = "rgb (115, 25, 67)" data-størrelse = "55 piksler" data-shut-speed = "2000" data-open-speed = "2000" data-state = "stenge" />

(Veksler en div med "branding" ID, farge / stenge-fargen er satt, størrelsen på ikonet er 55 piksler, lukket og åpen hastighet er 2 sekunder, staten satt til å stenge på belastning.)

alternativer:

  • Legg til knapp / ikon med klassen av "slå-it" - Legg en DIV med klassen av "slå-it"
  • data-ikon - data-icon = "????" - Open Ikon symbol
  • data-shut-ikon - data-shut-ikon = "????" - Steng Ikon Symbol
  • data-farge - data-color = "rgb (209, 53, 114)" - Open Icon Color
  • data-shut-farge - data-shut-color = "rgb (115, 25, 67)" - Steng Icon Color
  • data-open-hastighet - data-open-speed = "2000" - Speed ​​of target åpning animasjon i millisekunder
  • data-shut-hastighet - data-shut-speed = "1000" - Speed ​​of target stenge animasjon i millisekunder
  • data-størrelse - data-size = "50 piksler" - Kan være "px", "%", "em"
  • data-målet - data-target = "# div-en" - For ID legge # før ID navn og klasse bruk. før navnet. Eksempel: data-target = "# div-ett" eller data-target = "div-en."
  • data-stat - data-state = "stenge" - Skjuler målet element på side belastning.

Flere eksempler Kode:

<Div class = "veksle-it" data-target = "# div1" data-color = "# ffffff" data-shut-color = "# 111111" data-size = "25px" data-shut-speed = "1000 "data-open-speed =" 500 "data-shut-ikonet =" "data-icon =" "/>

<Div class = "veksle-it" data-target = ". A-div-med-klassen" data-color = "rgb (209, 53, 114)" data-shut-color = "rgb (115, 25, 67) "data-size =" 65px "data-shut-speed =" 2000 "data-open-speed =" 2000 "data-state =" stenge "/>

Se video av Toggle-It in Action her - http://www.screenr.com/YsMH

Se kode blir lagt til en side her - http://www.screenr.com/UUMH


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
14.07.13

Siste oppdatering:
15.07.13

kompatible nettlesere:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS, CSS, PHP

Programvareversjon:
WordPress 4.1 WordPress 4.0 WordPress 3.9 WordPress 3.8 WordPress 3.7 WordPress 3.6 WordPress 3.5 WordPress 3.4 WordPress 3.3 WordPress 3.2 WordPress 3.1 WordPress 3.0

Søkeord

eCommerce, eCommerce, Alle ting, klasse, div, gjemme seg, id, vise, Skli ned, slideup, må, l, veksle, wordpress