验证中...
语言: JavaScript
分类: jQuery 插件
最后更新于 2018-05-21 15:17
gistfile1.txt
原始数据 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {margin: 0;padding: 0;}
body{padding: 100px;}
.box {
width: 400px;
height: 400px;
border: 1px solid #000;
}
.box h3 {
height: 30px;
line-height: 30px;
background-color: #eee;
padding-left: 10px;
}
.box span {
float: right;
padding-right: 10px;
cursor: pointer;
}
.box p {
padding: 10px;
}
</style>
</head>
<body>
<a href="">点我弹出</a>
<div class="box">
<h3><span>关闭</span>这是标题</h3>
<p>这是内容</p>
</div>
<script src="jquery-1.11.3/jquery.min.js"></script>
<script>
$('a').click(function() {
$('.box').show();
})
$('span').click(function() {
$('.box').hide();
})
</script>
</body>
</html>

评论列表( 0 )

你可以在登录后,发表评论

搜索帮助