Syllabus 20100604
From XPUB & Lens-Based wiki
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="{{MEDIA_URL}}css/smoothness/jquery-ui-1.7.2.custom.css" type="text/css" charset="utf-8" />
<title>Hello World</title>
<script src="jquery.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script src="jquery-ui.js" type="text/javascript" language="javascript" charset="utf-8"></script>
</head>
<body>
Hello!
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="{{MEDIA_URL}}css/smoothness/jquery-ui-1.7.2.custom.css" type="text/css" charset="utf-8" />
<title>Hello World</title>
<script src="jquery.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script src="jquery-ui.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img").css({
float: "left",
width: "100px",
height: "100px",
border: "3px dotted pink"
}).mouseover(function(){
// console.log("click");
$(this).animate({height: "400px",width: "300px"}, 10000, "swing");
}).mouseout(function(){
$(this).animate({height: "100px", width: "100px"}, 0);
});
});
</script>
</head>
<body>
Hello!
<img id="cat1" src='http://t3.gstatic.com/images?q=tbn:NAtTLmUhi9-I2M:http://www.cvmbs.colostate.edu/clinsci/wing/cat1.gif' />
<img src='http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Cat_silhouette.svg/44px-Cat_silhouette.svg.png' />
<img src='http://www.infinitecat.com/games/thumbs/thumb-cat-bat.gif' />
<img src='http://uri.cat/img/menu/cat3.png' />
</body>
</html>