Web Development with jQuery®

(^244) ❘ CHAPTER 9 PLUGINS
<meta http-equiv="content-type"
content="application/xhtml+xml; charset=utf-8" />

John Candy Movies

• The Great Outdoors


• Uncle Buck


• Who’s Harry Crumb?


• Canadian Bacon


• Home Alone


• Spaceballs


• Planes, Trains, and Automobiles

Select All

The following CSS sets up some basic styling for your jQuery plugin-enabled XHTML 5 document
so that you can visually see what happens when you click items in the movie list:
body {
font: 200 16px Helvetica, Arial, sans-serif;
}
h2 {
font: 200 18px Helvetica, Arial, sans-serif;
text-decoration: underline;
}
ul.movieList {
list-style: none;
margin: 10px;
padding: 0 ;
}
ul.movieList li {
padding: 3px;
}
ul.movieList li.movieSelected {
background: forestgreen;
color: white;
}
a {
text-decoration: none;
color: green;
}
a:hover {
text-decoration: underline;
}
[http://www.it-ebooks.info](http://www.it-ebooks.info)