Comment faire pour créer Sections extensibles dans une page Web

Sections extensibles apparaissent souvent sur les pages Web que les menus ou blog extraits. Ces sections extensibles peuvent être créés en utilisant javascript et propriétés CSS. Avec un peu de connaissance de HTML, vous pouvez créer des sections extensibles dans une page Web.

Instructions

  1. Joindre la section que vous souhaitez étendre dans

    balises. Placez un
    tag avant la zone extensible et un
    tag à la fin de la zone. Le
    les mots-clés sont semblables à la et balises. Ils divisent un document HTML en sections, mais ne pas ajouter la mise en forme.

  2. Donnez votre

    une pièce d'identité et un style. Changez votre ouverture
    tag pour
    . Ce style se cache ou réduit votre contenu par défaut. Débordement et l'affichage sont les propriétés de style. La propriété de débordement est mis à cachée pour cacher tout contenu plus grande que la taille de la zone de contenu. La propriété d'affichage est définie sur none pour empêcher le contenu au sein de la
    balises d'être affichés dans un navigateur Web.




  3. Entrez la commande suivante juste avant la balise:

    Moins.

    Cette ligne rend votre contenu effondrement si elle a été élargie. Plus précisément, il appelle une fonction javascript, Tog. Cet appel à l'Tog définit dynamiquement la propriété d'affichage à aucun.

  4. Entrez le suivant juste après la balise:




    Plus.

    Cette ligne rend votre contenu élargir. Cet appel à l'Tog définit dynamiquement la propriété d'affichage pour bloquer. Réglage de l'affichage pour bloquer rend le contenu apparaissent avec des sauts de ligne au-dessus et en dessous.

  5. Entrez la commande suivante dans le Tags de document HTML où le contenu extensible apparaîtra pour commencer la section de javascript:

» » » » Comment faire pour créer Sections extensibles dans une page Web