JQuery 库包含以下特性:
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
下面是我用JQuery写的一个动画效果,首先记得下载jquery.min.js文件,然后才能使用JQuery
<!DOCTYPE html>
<html><head>
<title>animate</title>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").animate({left:'450px'},5000);
});
});
</script>
<style>
#position{
background-color: red;
width: 100px;
height: 100px;
position: absolute;
}
</style>
</head>
<body>
<button>开始动画</button>
<div id="position"></div>
</body>
</html>