程序博客网 > js农历转公历

仿微信评论点击弹出功能

来源：互联网发布：js农历转公历编辑：程序博客网时间：2024/05/19 14:00

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keyword" content="">
<title></title>

<style>

.opt-head{position: relative; width: 100%; height: 20px; top: 0px;left: 0px;z-index: 10;text-align: right;}
.opt-body{position: absolute; top:0px; left: -70px;height: 28px; background: #666; line-height: 30px; z-index: 11;padding: 0px 12px 0px 5px; display: none;}
.opt-body a{color: #eee;}
.opt-body span{display:inline-block;width: 20px;height: 20px; margin-right: 5px;}

.i-icon{color: #5cd1df; font-size: 14px; display: inline-block;}
.l-icon{color: #eee; font-size: 12px; display: inline-block;}

</style>

</head>
<body>

<div class="opt-head" id="opt-btn">

<span class="glyphicon glyphicon-menu-hamburger i-icon" ></span>
<div class="opt-body" id="opt-menu">
<a href="javascript:void(0);" onclick="javascript:window.location.href='daily-add.html'">
<span class="glyphicon glyphicon-edit l-icon"></span> 编辑
</a>
<a href="javascript:void(0);" onclick="toconfirm()" title="删除">
<span class="glyphicon glyphicon-trash l-icon"></span>删除
</a>
</div>

</div>

<script src="../skin/js/jquery.min.js"></script>

<script type="text/javascript">
$(function(){

$("#opt-btn").click(function(event){
//取消冒泡事件
event.stopPropagation();
$("#opt-menu").fadeToggle("slow");
});
//点击空白或者其他区域时隐藏
$(document).click(function(){
$("#opt-menu").fadeOut("slow");
});

//滚动屏幕
$(document).bind("scroll", srcollEvent);
function srcollEvent() {
if ($(document).scrollTop() > 0) {
$("#opt-menu").fadeOut("slow");
}
}

//长按屏幕

$(document).mousedown(function() {
var timeout = setTimeout(function() {
$("#opt-menu").fadeOut();
}, 1000);
});
});

</script>
</body>
</html>

0 0

js农历转公历

js农历转公历

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子蛀牙牙齿松动了怎么办槽牙牙根没了怎么办种植牙后疼痛怎么办拔牙牙根断了怎么办牙齿拔断了怎么办牙龈肿痛起脓包怎么办牙根发炎有脓包怎么办怀孕牙根尖发炎怎么办牙根发炎时怀孕怎么办智齿拔牙后发烧怎么办拔完智齿后很痛怎么办智齿没拔干净怎么办智齿剩下牙根了怎么办牙齿牙根断了怎么办牙根剩了一点点怎么办拔牙没有拔干净怎么办牙齿松动有点痛怎么办牙齿有松动疼痛怎么办牙齿痛松动了怎么办牙齿酸痛有松动怎么办刷牙时牙齿酸痛怎么办牙肉发炎肿痛怎么办我大牙松动疼痛怎么办孕妇牙根发炎痛怎么办孕期牙神经发炎怎么办长智齿发炎疼痛怎么办牙龈红肿牙齿痛怎么办牙根发炎怎么办有脓烂牙根发炎肿痛怎么办蛀牙烂掉了一半怎么办牙肉烂了个洞怎么办牙根旁边肿了怎么办右侧后牙龈肿痛怎么办牙根全部黑了怎么办牙齿痒怎么办怎么止痒烤瓷牙有缝隙怎么办牙齿之间有缝怎么办牙龈和牙齿分离怎么办牙齿缝隙有臭味怎么办牙龈与牙齿分离怎么办牙龈跟牙齿分离怎么办