У Романа. Веб дизайн. Эффекты для страниц IE 5.5, 6..

Введение [index.php] Мои советы Советы других людей HTML+многое к нему Java, PHP, Perl (doc+ссылки) Партнеры: 4burn --- Готов к интересным обменам: --- Проба пера Личное WebDesign Мой Комп Проекты Гостевая Веб дизайн Эффекты для страниц IE 5.5, 6. Сказки - это страшные истории, бережно подготавливающие детей к чтению газет и просмотру теленовостей. "Законы Мерфи." Думаю каждый из нас сталкивался с желанием "приукрасить" свой сайт. Многие люди, для этого, прибегают либо к нагромождению кучи рисунков, либо же вставляют тонны ява-скриптов. При чем последние редко оправдывают свое назначение. К примеру, зачем мне на страничке, как пользователю, хвост у курсора мыши? Мало того, что отвлекает своим мусором, так еще и слабые "машины" подтормаживает... качается долго... ну вот зачем? Особенно смешно видеть часы возле мышки, наверное кто-то еще не догадался, что Windows, по умолчанию, сама располагает часы внизу на панельке... В очередном своем путешествии, в мир паутины, натолкнулся на одну приятную вещь: при переходе на иную страницу, предыдущая затемнилась и исчезла, вместо того, чтобы просто исчезнуть. Мало того, при просмотре кода, этой страницы, все свелось буквально к 1 строчке: Долго мне не давало покоя желание найти вообще ВСЕ эффекты, которые можно использовать... И, наконец-то, свершилось, поисковик выдал то, что я искал. Теперь, это же, но по-русски, я предлагаю тут. Ознакамливайтесь и МУДРО применяйте эти эфффекты, не утруждая посетителя.;) "Минимальные требования", это Internet Explorer от 5.5, и включенная опция (которую я так и не нашел в русскоязычном:) ) Tools - Options - Advanced - Browsing - Enable page transitions. Код строки должен располагаться в "шапке" документа. Англоязычный источник: http://jansfreeware.com/ http://www.leasat.net/~crey/ 1. Blinds(Жалюзи). (Просмотреть эффект) Properties: bands (default=10), Direction (default="down"), Duration ( no default) 2. Barn(Ворота). (Просмотреть эффект) Properties: duration, motion, orientation (default="vertical") 3. CheckerBoard(Шахматная доска). (Просмотреть эффект) Properties: Direction (default="right"), squaresX (default=12), squaresY (default=10) 4. Fade(Растворение, затемнение). (Просмотреть эффект) Properties: duration, overlap (default=1.0) 5. GradientWipe(Смывание). (Просмотреть эффект) Properties: duration 6. Inset(Разворачивание, как в Win98 меню). (Просмотреть эффект) Properties: duration, gradientSize (default=0.25), motion 7. Iris(расползание в 4 угла). (Просмотреть эффект) Properties: duration, irisStyle (default="PLUS"), motion 8. Pixelate(пикселизация). (Просмотреть эффект) Properties: duration, maxSquare (default=25) 9. RadialWipe(круговое проявление). (Просмотреть эффект) Properties: duration, wipeStyle (default="CLOCK") 10. RandomBars(проявление случайными квадратами). (Просмотреть эффект) Properties: duration, orientation (default="horizontal") 11. RandomDissolve(проявление случайными ...). (Просмотреть эффект) Properties: duration 12. Slide(кадр в сторону). (Просмотреть эффект) Properties: bands (default=1), duration, slideStyle (default="SLIDE") 13. Spiral(сворачивание в центр). (Просмотреть эффект) Properties: duration, gridSizeX (default=16), gridSizeY (default=16) 14. Stretch(расжимание). (Просмотреть эффект) Properties: duration, stretchStyle (default="SPIN") 15. Strips(проявление под диагонали). (Просмотреть эффект) Properties: duration, motion 16. Wheel(вертящиеся четверти). (Просмотреть эффект) Properties: duration, spokes (default=4) 17. ZigZag(...). (Просмотреть эффект) Свойства : duration, gridSizeX, gridSizeY Описание используемых свойств. Пока что без перевода, т.к. нет времени. :( bands (integer) Sets or retrieves the number of strips into which the content is divided during the transition. Direction (string) Sets or retrieves the direction of motion in the transition. Direction: "up" | "down" | "right" | "left" Duration (floating point) Sets or retrieves the length of time the transition takes to complete. The value is specified in seconds.milliseconds format (0.0000). gradientSize Sets or retrieves the percentage of the object that is covered by the gradient band. Floating-point that specifies or receives a value that can range from 0.0 to 1.0.0.0 the gradient band has no width as new content is revealed. 0.0 the gradient band has no width as new content is revealed. 0.25 Default. 25% of the object is covered by a gradient band. 1.0 100% of the object is covered by a gradient band. gridSizeX Sets or retrieves the number of grid columns used for the filter. The value can range from 1 to 100. Integer that specifies or receives the number of grid columns. 16 Default. gridSizeY Sets or retrieves the number of grid rows used for the filter. The value can range from 1 to 100. Integer that specifies or receives the number of grid rows. 16 Default. irisStyle Sets or retrieves the shape of the Iris filter aperture. String that specifies or receives one of the following values: DIAMOND Diamond-shaped aperture. CIRCLE Circular aperture. CROSS X-shaped aperture. PLUS Default. Plus sign-shaped aperture. SQUARE Square aperture. STAR Star-shaped aperture. maxSquare Sets or retrieves the maximum width in pixels of a pixelated square. Integer that specifies or receives a width that can range from 2 to 50 pixels.50 Default. motion Sets or retrieves the value that indicates whether new content is revealed from the outside or the inside first. "out" Default. The transition moves from the center of the object toward the borders of the object. "in" The transition moves from the borders of the object toward the center. orientation Sets or retrieves the value that indicates whether the filter effect is horizontal or vertical. "horizontal" Transition lines are horizontal. "vertical" Transition lines are vertical. overlap Sets or retrieves the fraction of the transition's duration that both original and new content are displayed. Floating-point that specifies or receives a value that can range from 0.0 to 1.0. 1.0 Default. slideStyle Sets or retrieves the method used to reveal the new content. String that specifies or receives one of the following values: HIDE Default. Slides bands of original content out, exposing new content. PUSH Slides bands of new content in, pushing original content out. SWAP Alternating bands expose new content, or push original content out, at the same time. spokes Sets or retrieves the number of wedges that the content is divided into during the transition. Integer that specifies or receives one of the following possible values: 2 - 20 Number of moving spokes that divide the content into wedges. 4 Default. squaresX Sets or retrieves the number of columns for the CheckerBoard transition. Integer that specifies or receives any positive value greater than or equal to 2. 12 Default. squaresY Sets or retrieves the number of rows for the CheckerBoard transition. Integer that specifies or receives any positive value greater than or equal to 2. 10 Default. stretchStyle Sets or retrieves the method used to reveal the new content. String that specifies or receives one of the following possible values: HIDE Stretches new content over original content from left to right. PUSH Stretches new content in and squeezes original content out, moving from left to right. This motion resembles a cube rotating from one face to another. SPIN Default. Stretches new content over original content from the center outward. wipeStyle Sets or retrieves the method used to reveal the new content. String that specifies or receives one of the following possible values. CLOCK Default. Sweeps around the center, clockwise from the top. WEDGE Sweeps around the center in both directions from the top. RADIAL Sweeps from the top to the left side, with one end of the sweep anchored on the upper left corner. WebDesign and programming by Xenos, 2005.