library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

updated classes to use all animated properties

Browse Source
This commit is contained in:
Scott Jehl 2009-02-27 18:35:01 +00:00
parent 1ded43162a
commit 79a1d82582
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
demos/addClass/default.html
View File

@ -12,8 +12,8 @@
#effect {position: relative; } #effect {position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {

4
demos/removeClass/default.html
View File

@ -12,8 +12,8 @@
#effect { position: relative; } #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {

4
demos/switchClass/default.html
View File

@ -12,8 +12,8 @@
#effect { position: relative; } #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {

6
demos/toggleClass/default.html
View File

@ -9,11 +9,11 @@
<style type="text/css"> <style type="text/css">
.toggler { width: 500px; height: 200px; position: relative;} .toggler { width: 500px; height: 200px; position: relative;}
#button { padding: .5em 1em; text-decoration: none; } #button { padding: .5em 1em; text-decoration: none; }
#effect { position: relative; } #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {