Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Przegląd

JavaScript Przedmioty

JavaScript Array Przedmioty JavaScript Boolean Przedmioty JavaScript Date Przedmioty JavaScript Math Przedmioty JavaScript Number Przedmioty JavaScript String Przedmioty JavaScript RegExp Przedmioty JavaScript Globalny Właściwości / funkcje JavaScript operatorzy

Browser Przedmioty

Window Przedmioty Navigator Przedmioty Screen Przedmioty History Przedmioty Location Przedmioty

DOM Przedmioty

HTML DOM Document Przedmioty HTML DOM obiekt elementu HTML DOM Atrybut obiektu HTML DOM obiekty zdarzeń

HTML Przedmioty

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

Obiekt HTML DOM Style transitionProperty

Poprzedni: HTML DOM właściwości przejścia Style

Następny: Obiekt HTML DOM Style transitionDuration

styl Przedmioty

Przykłady

Wskaźnik myszy nad elementu div, będzie się stopniowo zmieniać szerokość i wysokość:

document.getElementById("myDIV").style.transitionProperty="width,height";

Definicja i Wykorzystanie

atrybut transitionProperty określa nazwę właściwości CSS zastosować efekt przejścia. (Gdy określona właściwość CSS zmienia, efekt przejścia rozpocznie).

Wskazówka: efekt przejścia zwykle występuje, gdy użytkownik najedzie kursorem myszy nad elementem.

Uwaga: Zawsze ustawić właściwość transitionDuration, poza czas trwania wynosi zero, to nie przyniesie efektów przejścia.

Pomoc Browser

Internet Explorer 10, Firefox, Opera i Chrome wsparcie nieruchomości transitionProperty.

Safari obsługuje inną alternatywą nieruchomości przypisują tę właściwość WebkitTransitionProperty.

Uwaga: Internet Explorer 9 i wcześniejsze wersje nie obsługują właściwości transitionProperty.

gramatyka

Powrót właściwości transitionProperty:

object .style.transitionProperty

Ustawianie właściwości transitionProperty:

object .style.transitionProperty="none|all|property|initial|inherit"

Wartość nieruchomości

值	描述
none	没有属性会获得过渡效果。
all	默认值。所有属性都将获得过渡效果。
property	定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

dane techniczne

Domyślnie:	wszystko
Zwraca:	Ciąg reprezentujący atrybut przejściowego własności elementu.
wersja CSS	CSS3

Powiązane artykuły

CSS: Transition-Nieruchomość

styl Przedmioty

Poprzedni: HTML DOM właściwości przejścia Style

Następny: Obiekt HTML DOM Style transitionDuration