<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#demo{
width: 100px;
height: 100px;
position: absolute;
background: #fff;
top: 0;
left: 0;
display: none;
overflow: auto;
border: 1px solid #bbb;
box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 3);
}
</style>
</head>
<body>
<span id="demo"></span>
<div id="content">在宣传《无问西东》时，黄晓明透露自己去年刻意减少工作量，就是想多花时间陪家人。
黄晓明和baby已经有一个帅气的小海绵了，聊到生二胎的话题，黄晓明坦言有与老婆baby讨论过此事，用21个字回应，证明他真的很爱baby：“这个我尊重我老婆的想法，毕竟怀孕受累的人是她。”但他透露想要再生女儿。
黄晓明被问是否生二胎，回答21个字证明他真的爱baby
黄教主不愧是宠妻狂魔，时时刻刻都在意老婆baby的感受，也懂得心疼老婆。
和娱乐圈那些，老婆生孩子自己出去混的男明星截然不同啊。
黄晓明被问是否生二胎，回答21个字证明他真的爱baby
那baby究竟是怎么想的呢？生完小海绵之后就迅速复出，不仅是时尚辣妈，连录跑男、拍戏、出席活动都始终拼命。
黄晓明被问是否生二胎，回答21个字证明他真的爱baby
在跑男里被网友批评不下水、玩不起。baby直言玩不起就不会坐上弹射椅，好兄弟力挺；虽然黄教主没发声，不过从日常宠溺就能看出来，黄晓明对baby不仅是宠更是尊重。
黄晓明被问是否生二胎，回答21个字证明他真的爱baby
其实baby早就回答过这个问题，“人生还有漫漫长路，当然希望还有一个孩子，不过还要再等几年。”
黄晓明被问是否生二胎，回答21个字证明他真的爱baby
看来两人对二胎还是有打算，也想给小海绵添一个玩伴，但二胎计划还是急不来的，也难怪网友为他们操心了。老公宠爱、婆婆亲和、儿子又是全民小男神，不得不说baby确实幸福。
</div>
</body>
</html>
<script>
// 通过id请求节点
function $(id){
return document.getElementById(id)
}
// 通过range的文本内容 和 相对位置
$("content").onmouseup = function (event) {
var event = event || window.event;
var x = event.clientX;
var y = event.clientY;
var txt=""; //存储选中文字
if(window.getSelection){
txt = window.getSelection().toString(); //标准
}else{
txt = document.selection.createRange().text; //ie
}
if(txt){
showBox(x,y,txt);
}
}
//选择文本的时候让显示框隐藏
document.onmousedown = function (event) {
var event = event || window.event;
var targetId = event.target ? event.target.id :event.srcElement.id;
if(targetId != "demo"){
$("demo").style.display = "none";
}
}
// 弹框
function showBox(mousex,mousey,contentText){
setTimeout(function(){
$("demo").style.left = mousex + "px";
$("demo").style.top = mousey + "px";
$("demo").style.display = "block";
$("demo").innerHTML = contentText;
},200);
}
</script>
demo效果如下：
再添加特定的样式就会出现禅道的类似的效果
254
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
