jQuery实现右键菜单、遮罩等效果代码

2020-05-29 07:05:50易采站长站整理

</select>
</td>
</tr>
<tr>
<td>应用名称:</td>
<td>
<input type="text" class="text2">
</td>
</tr>
<tr>
<td>应用代码:</td>
<td>
<input type="text" class="text2">
<span class="point">(字母、数字及组合;唯一)</span>
</td>
</tr>
<tr>
<td>接入类型:</td>
<td>
<select class="text1" name="">
<option value=""></option>
</select>
</td>
</tr>
<tr>
<td>超时时间:</td>
<td>
<select class="text1" name="">
<option value=""></option>
</select>
</td>
</tr>
<tr>
<td>选择图标:</td>
<td>
<input type="text" class="text2">
<span>选择</span>
</td>
</tr>
<tr>
<td>应用地址:</td>
<td>
<input type="text" class="text2">
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" class="del button" value="删除">
<input type="button" class="reset button" value="重置">
<input type="button" class="save button" value="保存">
</td>
</tr>
</table>

</form>
</div>
</div>
</div>
<div class='end'></div>
</div>
</div>

**reset.css代码(引入主页)**


*{
padding: 0;
margin: 0;
font-family: '微软雅黑'
}
#mask{
position: absolute;
left: 0;
top: 0;
z-index: 9000;
display: block;
}
#myMenu{
position: absolute;
display: none;
z-index: 9999;
background: white;
border: 1px solid;
width: 130px;
height: 130px;
}
ul li{
list-style: none;
height: 25px;
line-height:25px;
font-size: 14px;
cursor: pointer;
margin-left: 5px;
border-bottom: 1px solid black;
}
ul li:nth-child(5){
border-bottom:none;
}
#textbox{
background: orange;
width: 380px;
border: 2px solid;
}
a{
text-decoration: none;
color: black;
}
a:hover{
color: white;
background: black;
}

**main.css代码(引入主页和跳转页)**


*{
font-size: 16px;
color:black;
padding: 0;
margin: 0;
font-family: 微软雅黑;