<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>制作简单的动画效果</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
span {
float: left;
border: solid 1px #ccc;
margin: 0px 8px;
background-color: Blue;
color: White;
vertical-align: middle
}
</style>
</head>
<body>
<h3>制作简单的动画效果</h3>
<span></span>
<div id="tip"></div>
<script type="text/javascript">
$(function() {
$("span").animate({
width: "80px",
height: "80px",
filter: "alpha(opacity:30)", /*如果把这一行放到 opacity:"0.3" 的后面 IE5-8 就不会有透明的效果了 这是什么原因? 如果在css里面写 这两个顺序是没有任何问题的 所以我觉得很奇怪 求大神 不懂勿扰!!! 在线等*/
opacity:"0.3"
},
3000,
function() {
$("#tip").html("执行完成!");
});
});
</script>
</body>
</html>
慕郎_莲华