1. Formulare
2. Blitz
3. HTML5
Das Formular gibt eine Aktualisierung von Asynchronen schwierig. Basierend auf HTML5 scheint Sie auf die offizielle Website zu beauftragen.
Effekt Abbildung 1:
Effekt Abbildung 2:
Da der lokale Upload zu schnell ist, habe ich ein 80 -m -GIF aufgenommen, und schließlich kann ich die Details des Hochladens sehen.
Weil der Code mehr ist:
Dieser spricht hauptsächlich über HTML und CSS:
HTML -Code:
<! CSS -Typ = Text/CSS rel = Stylesheet/> </head> <body> <div id = Uploadbox> <ul> <li> <img Src = Bilder/pic1.jpg/> <span class = progress> </span > <span class = prozentual> </span> </li> <li> <img src = bilder/pic2.jpg/> <span class = progresor> </span> <span class = Prozentsatz> 12%</span > </li> <li class = Done> <img src = bilder/pic2.jpg/> <span class = progress> </span> <span class = prozentage> </span> </li> <div class = ClearFix> </div> </ul> </div> </body> </html>
Immer noch sehr einfach:
A. Eine Div#Uploadbox, UL Li repräsentiert jedes Upload -Bildeinheit
B. li img Bild
C. li -Span.
D. li span.Percentage wird verwendet, um 1%bis 100%in der Mitte des Bildes anzuzeigen.
CSS:
Body {Hintergrund: #eee; ; Absolut; ; : -1000Em;Sie sind alle einfach, im Grunde genommen die einfache Verwendung der Positionierung ~ jeder kann es sehen ~
Last Effect Map:
Das oben genannte ist der Inhalt dieses Artikels.