2月1日の学習

授業
◆透過PNG　IE6対策

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/javascript" />
<title>透過PNG　IE6の場合</title>
<style type="text/css">
body{
	background-color: #FC6;
}
</style>
<!--[if lte IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript">
</script>
<script>
    DD_belatedPNG.fix('#wrapper img');
</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<p><img src="images/png01.png" width="232" height="231" alt="" /></p>
</div>
</body>
</html>
◆Easy Slider

20120202104047

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-type" content="text/css" />
<meta http-equiv="Content-Type" content="text/javascript" />
<title>jQuery easySlider</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(function(){
  $("#slider").easySlider({
	controlsShow:false,
	speed:1200,
	auto:true,
	continuous:true
  });
});
</script>
<style type="text/css">
<!--
#slider ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#slider li{
	width: 500px;
	height: 333px;
}
-->
</style>
</head>
<body>
<a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider">Easy Slider 1.7 - Numeric Navigation jQuery Slider</a>
<div id="slider">
<ul>
<li><img src="images/01.jpg" /></li>
<li><img src="images/02.jpg" /></li>
<li><img src="images/04.jpg" /></li>
<li><img src="images/05.jpg" /></li>
</ul>
</div>
</body>
</html>

http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
から「easySlider1.7.js」をダウンロードして読み込む。