2个回答
展开全部
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
//在鼠标显示一个层，该层的内空为div2的内容
function showTip(){
var div3 = document.getElementById('div3'); //将要弹出的层
div3.style.display="block"; //div3初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
div3.style.left=event.clientX+10; //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
div3.style.top=event.clientY+5;
div3.style.position="absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动
var div2 =document.getElementById('div2');
div3.innerText=div2.innerHTML;
}
//关闭层div3的显示
function closeTip(){
var div3 = document.getElementById('div3');
div3.style.display="none";
}
//控制层div2显示的开关
function switchDIV(){
if(div2.style.display=='block'){
div2.style.display='none';
}
else{
div2.style.display='block';
}
}
</script>
</HEAD>
<BODY>
<a href="#" onmousemove="showTip()" onmouseout="closeTip()" onclick="switchDIV()">链接</a>
<div id="div2" style="display:none;background-color:green">
<h1 color="blue">我是在div2里面的一句话!</h1>
</div>
<div id="div3" style="display:none;background-color :pink;width:250;height:50">
</div>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
//在鼠标显示一个层，该层的内空为div2的内容
function showTip(){
var div3 = document.getElementById('div3'); //将要弹出的层
div3.style.display="block"; //div3初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
div3.style.left=event.clientX+10; //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
div3.style.top=event.clientY+5;
div3.style.position="absolute"; //必须指定这个属性，否则div3层无法跟着鼠标动
var div2 =document.getElementById('div2');
div3.innerText=div2.innerHTML;
}
//关闭层div3的显示
function closeTip(){
var div3 = document.getElementById('div3');
div3.style.display="none";
}
//控制层div2显示的开关
function switchDIV(){
if(div2.style.display=='block'){
div2.style.display='none';
}
else{
div2.style.display='block';
}
}
</script>
</HEAD>
<BODY>
<a href="#" onmousemove="showTip()" onmouseout="closeTip()" onclick="switchDIV()">链接</a>
<div id="div2" style="display:none;background-color:green">
<h1 color="blue">我是在div2里面的一句话!</h1>
</div>
<div id="div3" style="display:none;background-color :pink;width:250;height:50">
</div>
</BODY>
</HTML>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTML>
<HEAD>
<TITLE>
New
Document
</TITLE>
<script
type="text/javascript">
//在鼠标显示一个层，该层的内空为div2的内容
function
showTip(){
var
div3
=
document.getElementById('div3');
//将要弹出的层
div3.style.display="block";
//div3初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的
x
坐标，其中客户区域不包括窗口自身的控件和滚动条。
div3.style.left=event.clientX+10;
//鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
div3.style.top=event.clientY+5;
div3.style.position="absolute";
//必须指定这个属性，否则div3层无法跟着鼠标动
var
div2
=document.getElementById('div2');
div3.innerText=div2.innerHTML;
}
//关闭层div3的显示
function
closeTip(){
var
div3
=
document.getElementById('div3');
div3.style.display="none";
}
//控制层div2显示的开关
function
switchDIV(){
if(div2.style.display=='block'){
div2.style.display='none';
}
else{
div2.style.display='block';
}
}
</script>
</HEAD>
<BODY>
<a
href="#"
onmousemove="showTip()"
onmouseout="closeTip()"
onclick="switchDIV()">链接</a>
<div
id="div2"
style="display:none;background-color:green">
<h1
color="blue">我是在div2里面的一句话!</h1>
</div>
<div
id="div3"
style="display:none;background-color
:pink;width:250;height:50">
</div>
</BODY>
</HTML>
<HEAD>
<TITLE>
New
Document
</TITLE>
<script
type="text/javascript">
//在鼠标显示一个层，该层的内空为div2的内容
function
showTip(){
var
div3
=
document.getElementById('div3');
//将要弹出的层
div3.style.display="block";
//div3初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的
x
坐标，其中客户区域不包括窗口自身的控件和滚动条。
div3.style.left=event.clientX+10;
//鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
div3.style.top=event.clientY+5;
div3.style.position="absolute";
//必须指定这个属性，否则div3层无法跟着鼠标动
var
div2
=document.getElementById('div2');
div3.innerText=div2.innerHTML;
}
//关闭层div3的显示
function
closeTip(){
var
div3
=
document.getElementById('div3');
div3.style.display="none";
}
//控制层div2显示的开关
function
switchDIV(){
if(div2.style.display=='block'){
div2.style.display='none';
}
else{
div2.style.display='block';
}
}
</script>
</HEAD>
<BODY>
<a
href="#"
onmousemove="showTip()"
onmouseout="closeTip()"
onclick="switchDIV()">链接</a>
<div
id="div2"
style="display:none;background-color:green">
<h1
color="blue">我是在div2里面的一句话!</h1>
</div>
<div
id="div3"
style="display:none;background-color
:pink;width:250;height:50">
</div>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
