javascript

位置:IT落伍者 >> javascript >> 浏览文章

基于jquery显示隐藏按钮实现代码


发布日期:2022年11月21日
 
基于jquery显示隐藏按钮实现代码

显示隐藏在WEB开发中会经常碰到的现在我们提供一款由jq实现的内容显示与隐藏的代码

<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "/DTD/xhtmltransitionaldtd">
<html xmlns="">
<head runat="server">
<title></title>
<script type="text/网页特效" src="/Javascript/jqueryjs"></script>
<style type="text/css教程">
#choice_list_district{ height:px;}
#tab td{cursor:pointer;}
</style>
<script type="text/javascript">
$(function () {
//绑定事件处理
$("#choice_list_district a")click(function (e) {
if ($("#divObj")css("display") == "none") {
estopPropagation();
//设置});
});
</script>
</head>
<body>
<form id="form" runat="server">
<div>
<div id="choice_list_district">
<a href="#">出来层</a>
</div><div id="divObj" style="position: absolute; width:px; height:px; background:blue; border:px solid block; display:none; zindex:;">
<table id="tab">
<tr>
<td>aaa</td>
</tr>
<tr>
<td>bbb</td>
</tr>
</table>
</div>
<div style="position:absolute; top:px; left:px;">
<input type="text" id="aaa" />
</div>
</div>
</form>
</body>
</html>

上一篇:jquery 弹表单提示效果代码

下一篇:jQuery对元素进行拖动并重新排序代码