程序博客网 > 淘宝嘉悦海外专营店

JQuery效果

来源：互联网发布：淘宝嘉悦海外专营店编辑：程序博客网时间：2024/05/01 23:50

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<title></title>

<styletype="text/css">

div{

width:100px;

height:100px;

background-color: springgreen;

margin-top:20px;

}

</style>

<scriptsrc="js/jq/jquery-2.1.3.min.js"type="text/javascript"charset="utf-8"></script>

<scripttype="text/javascript">

$(document).ready(function() {

$("#btn1").click(function() {

$("#div1").hide(1000);

})

$("#btn2").click(function() {

$("#div1").show(1000);

})

$("#btn3").click(function() {

$("#div1").toggle(1000);

})

})

</script>

</head>

<body>

<inputtype="button"name="btn" id="btn1"value="hide"/>

<inputtype="button"name="btn" id="btn2"value="show"/>

<inputtype="button"name="btn" id="btn3"value="toggle"/>

<div id="div1"></div>

</body>

</html>

0 0

淘宝嘉悦海外专营店

淘宝嘉悦海外专营店

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子通讯软件通讯塔通讯管理机通讯工具通讯工程通讯器材近场通讯网络通讯通讯卫星通讯世界通讯车通讯产品通讯运营商通讯技术社交通讯通讯网络通讯方式通讯行业通讯费通讯兵通讯工程师通讯文王通讯电子通讯海上通讯通讯的发展和通讯运动会通讯稿50 通讯稿运动会运动会通讯稿100 modbus通讯协议通讯稿范文大全详细通讯地址怎么填校运会通讯稿通讯地址怎么填运动会通讯稿300字运动会通讯稿150 青岛鼎信通讯股份有限公司运动会通讯稿范文大全闻泰通讯股份有限公司 s7200通讯设置