<!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>
- 1 回答
- 0 關注
- 1734 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消