jQuery 1.4 Animation Techniques - Index of

Fading Animations
Time for action – creating the example page
This example requires significantly more HTML than before, although we still add this, as well
as the styling first.
1. Begin by adding the following example markup to our template file:
Private Messages
RecievedSubjectFromDelete TodayRe: tomorrowBobx
TodayRe:
tomorrowBill
x
TodayRe:
tomorrow
x
YesterdayRe:
tomorrow
x
YesterdayRe:
tomorrow
x
2. Save this page as fadeTo.html in the main project folder.
3. To create the stylesheet for this example, add the following code in a new file in
your text editor:
#messageList {
width:540px; padding:10px 20px; margin:auto;
font:normal 14px "Nimbus Sans L", "Helvetica Neue", "Franklin
Gothic Medium", Sans-serif;
background-color:#666; border:1px solid #aaa;
-moz-border-radius:7px; -webkit-border-radius:7px;
border-radius:7px;
}
#messageList header {
color:#eee; padding-left:10px; font-size:20px;
}
[ 38 ]