Connaissances Informatiques >> programmation >> Computer Programming Languages >> Content
  Derniers articles
  • Comment utiliser les CFC dans ColdFu…
  • Comment changer de GW -BASIC à QBas…
  • Où est le Flasher sur une Hyundai T…
  • Comment créer un jeu de cadres dans…
  • Comment créer une variable globale …
  • Quels sont les outils ETL 
  • Comment faire pour installer un ému…
  • Comment compter le nombre de lignes …
  • Comment faire pour installer CORBA I…
  • Comment programmer en langage de bas…
  •   Computer Programming Languages
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Computer Programming Languages

    CSS Renversement d'Image Effect

    renversements d'image sont des outils utiles pour aider vos utilisateurs finaux suivre leur souris sur votre page Web. Un concepteur de site Web sera souvent emballer beaucoup d'informations détaillées dans une page, et l'utilisateur final aura besoin d'une indication visuelle que sa souris a roulé sur something.There ya deux façons de base pour créer un capotage. Vous pouvez utiliser le langage de script côté client appelé JavaScript pour accomplir la tâche , ou vous pouvez utiliser Cascading Style Sheets (CSS) pour accomplir la tâche. Cet article traite de la méthode des feuilles de style en cascade . Création du texte Rollover

    créer un document XHTML générique dans votre éditeur de texte comme on le voit dans l'image.

    * Inclure la transition DOCTYPE et vos balises d'encodage. * Inclure les balises de titre entre les balises head * Inclure les balises de style entre les balises head

    entre les balises body , tapez les mots suivants: . . .

    Il s'agit d'un renversement de texte

    Joindre cette phrase avec la durée balises de début et de fin, comme indiqué. L'intérieur de la balise span début , tapez: .
    Classe

    = " rollover "

    Téléchargez votre document sur votre serveur Web
    Créer les règles de feuille de style

    Tapez la commande suivante entre les balises de style en haut de votre document:

    span.rollover {background-color : white ;} durée : hover.rollover {background -color: jaune , couleur : marron ; }

    d'abord, créez l'instruction de refinancement de la durée de la feuille de style . Type "span ", puis une période , puis « rollover », où retournement correspond à l'attribut de classe qui a été donné à la balise span . Cet article stipule que le fond entre les balises span est blanc , qui ressemble à une couleur de fond blanc pour l'utilisateur final .

    Ensuite, créez la durée , plus de deux points, en plus d'une période , plus retournement, qui est la classe de la variable de réglage de sensibilité . Les moyens d' instruction hover " Lorsque vous placez le pointeur de votre souris sur le texte à l'intérieur de la balise span , suivez ces instructions. " Lorsque les lieux de l'utilisateur final de la souris sur le texte , le fond devient jaune et le texte devient marron.
    Création d'un bouton de substitution

    Il ya un moyen relativement facile de créer un bouton de belle apparence hors du texte sur votre page Web. Il suffit d'ajouter les attributs suivants à l'instruction de span.rollover :

    background-color : navy ; marge: départ blanc 5px ; font-family : Georgia ; font-size: 14pt ; color: white ;
    < p> Tout d'abord, changer la couleur de fond du blanc au bleu marine. Ensuite, ajoutez l'instruction de la frontière, qui comporte trois parties: la largeur de la frontière, la frontière entre la couleur et les attributs border-style . Nous avons choisi un , blanc, frontière de départ de 5 pixels , ce qui signifie qu'il ya une boîte rectangulaire blanc bordant le contenu de la balise span qui est de 5 pixels de large .

    Changer la famille de police de la Géorgie à 14 pt . Enfin, changer la couleur de la police de blanc , de sorte qu'il apparaît sur ​​le fond bleu marine. Téléchargez le document sur votre serveur Web et le tester.
    Avant le Rollover

    Ceci est un aperçu de la page Web avant de vous placez le pointeur de votre souris sur le texte . Le texte est blanc, et le fond est bleu marine .
    Après le Rollover

    Ceci est un aperçu de la page Web tandis que le pointeur de la souris survole le bouton . Le fond est jaune, et le texte est marron .

     
    Article précédent:
    Article suivant:
    Articles recommandés
  • Comment désactiver Icône génération dans EMF 
  • Comment faire pour installer Norstar SCIC 
  • Comment désactiver titres sur FancyBox 
  • Comment faire un cercle dans LabVIEW 
  • Comment utiliser un dbLink pour Oracle Verrouillage Services 
  • Comment lire un livre de programmation 
  • Outils Oracle Business Intelligence 
  • Comment accéder aux contrôles ActiveX 
  • Common Interface de Programmation d'Application 
  • Comment faire un organigramme pour un programme comportant de nombreuses variables 
  • Connaissances Informatiques © http://www.ordinateur.cc