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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Wordpress Toggle-It - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Bemærk: Nogle ikoner konflikt med de nye wordpress 4.2 imojis

ToggleIt giver dig mulighed for at åbne og lukke ethvert element på dit websted med udtagelige og tilpasses ikoner.

Indsæt Ikoner, skift mellem ethvert element / s på siden.

Fuldt tilpasselig Entypo Icons - Over 230 Icons - Set farve og størrelse, åbne og lukke ikoner.

Set animation hastigheder for åbne og lukke animationer.

Eksempel på kode:

<Div class = "skifte-it" data-target = "# branding" data-color = "rgb (209, 53, 114)" data-lukket-color = "rgb (115, 25, 67)" data-størrelse = "55 px" data-lukket-speed = "2000" data-open-hastighed = "2000" data-tilstand = "lukke" />

(Skifter en div med "branding" ID, farve / lukke-farve er indstillet, størrelse ikon er 55 px, lukke og åbne hastighed er 2 sekunder, tilstand indstillet til at lukke på belastning.)

Valg:

  • Tilføj Knap / Ikon med klasse "skifte-it" - Tilføj en DIV med klassen af "skifte-it"
  • data-ikon - data-ikon = "????" - Open Icon symbol
  • data-lukke-ikon - data-shut-ikon = "????" - Shut Icon Symbol
  • data-farve - data-color = "rgb (209, 53, 114)" - Open Icon Color
  • data-lukke-farve - data-shut-color = "rgb (115, 25, 67)" - Luk Icon Color
  • data-open-hastighed - data-open-hastighed = "2000" - Speed ​​of target åbning animation i millisekunder
  • data-lukke-hastighed - data-shut-speed = "1000" - Speed ​​of target lukke animation i millisekunder
  • data-størrelse - data-size = "50px" - Kan være "px", "%", "em"
  • data-target - data-target = "# div-en" - For ID tilføje # før ID navn og for klasse brug. før navn. Eksempel: data-target = "# div-én" eller data-target = "div-en."
  • data-state - data-state = "lukket" - Skjuler målet element på side belastning.

Flere Code Eksempler:

<Div class = "skifte-it" data-target = "# Div1" data-color = "# ffffff" data-lukket-color = "# 111111" data-size = "25px" data-lukket-speed = "1000 "data-open-hastighed =" 500 "data-lukket-ikon =" "data-ikon =" "/>

<Div class = "skifte-it" data-target = ". A-div-med-klasse" data-color = "rgb (209, 53, 114)" data-lukket-color = "rgb (115, 25, 67) "data-size =" 65px "data-lukket-speed =" 2000 "data-open-hastighed =" 2000 "data-tilstand =" lukke "/>

Se Video af Toggle-It i aktion her - http://www.screenr.com/YsMH

Se Kode føjes til en side her - http://www.screenr.com/UUMH


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
14 juli 13

Sidste ændring:
15 juli 13

Kompatible Browsere:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, CSS, PHP

Software Version:
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øgeord

eCommerce, eCommerce, Alle artikler, klasse, div, skjule, id, at vise, glide ned, slideup, må, l, toggle, wordpress