jQuery 1.4 Animation Techniques - Index of

2. What format can these arguments take?
a. They must be strings
b. They must be arrays or objects
c. They may be either strings or integers
d. They must be functions that return the value in string format
Have a go hero – doing more with fadeTo
[ 43 ]
Chapter 2
A great application of the fadeTo() method is when it is combined with a modal
overlay. Often when a pop-up dialog is displayed, the underlying page is screened with
a semi-transparent PNG. Instead of using an image why not obscure the underlying page by
fading an element that covers the entire visible area of the page to semi-transparency instead.
Fading table-rows in Internet Explorer
If we run the previous example in any current version of IE (8 or below), we see that the
example fails. Fading elements in IE simply does not work. However, all is not lost,
with just a few tweaks and minor changes to the code we can get the example working
in IE as well.
Time for action – fading table-rows in IE
This time we'll change the script slightly so that it works as intended in Internet Explorer.
1. Change the contents of the last element in the fadeTo.html file that
we created in the last example so that it appears like this (new or changed code is
shown in bold):
var messageList = document.getElementById("messageList"),
messages = $("table", messageList),
confirmDiv = $("", {
"class": "confirm",
text: "Really delete?"
}),
remove = $("", {
id: "delete",
text: "Yes"
}).appendTo(confirmDiv),
cancel = $("", {
href: "#",
id: "cancel",