<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>初识jQuery</title>
<script src="http:/www.1sucai.cn/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<!--引用这个jquery库-->
<style>
#test{
display:none;
width:120px;
height:50px;
border:1px solid blue;
}
</style>
</head>
<body>
<div id="test">Hello world!</div>
<!--设置三个按钮，每次点击调用特定的函数-->
<button onclick="sayHello()">点我打开！</button>
<button onclick="sayGoodbye()">点我关闭！</button>
<button onclick="change()">点我切换！</button>
<script type="text/javascript">
function sayHello(){
$("#test").show(5000);
<!--设参数5000，表示用5000ms的时间完成这个动作-->
}
function sayGoodbye(){
$("#test").hide();
<!--不设置，默认速度-->
}
function change(){
$("#test").toggle("slow");
<!--设置以slow的速度打开-->
}
</script>
</body>
</html>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有