在Dreamweaver中，如何实现鼠标经过文字时在鼠标旁边自动出现信息提示？

Posted 2023-04-23

在Dreamweaver中，如何实现鼠标经过文字时在鼠标旁边自动出现信息提示？
有什么代码可以实现？谢谢？
是指向文字时有文字提示，不是指向图片时的文字提示！

楼上的搞那么一大串看到就烦，
如果是放图片上，要显示文字信息，你在dreamweaver中选中图片，下面的属性面版中有一个“替换”，在里面输入你想要的文字就行了。
如果是文字，你选中文字，然后看源代码，在源代码的文字前面的<>标签中加上
title="说明文字"
就行了，如：

<... title="说明文字写这儿">文字在这儿</..>

其中的<...>和</..>是标签。

有关更多的网页教程，请点击下面链接：

参考资料：http://www.djasp.net

参考技术A 这是一段java代码.
<!--
tPopWait=1;
tPopShow=6000;
showPopStep=6;
popOpacity=85;
fontcolor="#023055";
bgcolor="#ffffff";
bordercolor="#7ca9ed";
sPop=null;curShow=null;tFadeOut=null;tFadeIn=null;tFadeWaiting=null;

document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText background-color: " + bgcolor + ";color:" + fontcolor + "; border: 1px " + bordercolor + " solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");

function showPopupText()
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!="")o.dypop=o.alt;o.alt="";
if(o.title!=null && o.title!="")o.dypop=o.title;o.title="";
if(o.dypop!=sPop)
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="")
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;

else
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);





function showIt()
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();


function fadeOut()
if(dypopLayer.filters.Alpha.opacity<popOpacity)
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);

else
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);



function fadeIn()
if(dypopLayer.filters.Alpha.opacity>0)
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);


document.onmouseover=showPopupText;
--> 参考技术B 不用那么麻烦,用<span>标签吧:

<span title="看见了提示信息吗?">查看提示信息</span> 参考技术C 在标签中的alt属性里设置!如:alt="提示信息"

就在那里,你上网找找与他相关的资料!

鼠标经过一个div时 , 如何让另一个div以过渡效果高度增加

鼠标经过一个div1时 , 如何让另一个div2以过渡效果高度增加 . css能实现吗?

我知道要用transition这个属性添加过渡效果 , 但是这个属性只能当鼠标放在自身上才会生效产生过渡效果 , 也就是 div2:hoverheight:100px才行 . 现在我想要的是当鼠标经过div1时 , 意思就是div1:hover .div1height:100px , 但是这样写transition是不会生效的 , 请问各路大神有什么好办法吗

参考技术A 理论上有实现办法，可以试一下
1.hover时用amimation执行一次css方法@keyframes name。
2.css name方法中用transform动画执行你想要效果。
3.鼠标离开时用同样的逻辑执行另一个方法将样式再还原回去。 参考技术B css实现不了，js可以实现，代码较简单。追问

那能麻烦您贴下代码嘛 , 用js

参考技术C 就把div2放在div1里面，.div:hover .div2就行了追问

这样div2会有过渡效果吗? 我是放在div1里面的啊 . 没有用!

追答

css可以实现的，我还专门写了一遍

 .div1
width:100px;
height:100px;
background-color:red;

.div2
width:50px;
height:50px;
background-color:blue;
transition:height 2s;

.div1:hover .div2
height:200px;

本回答被提问者和网友采纳 参考技术D 这么简单的问题还发出来，看流程：onmouseover☞设置2个参数一个speed,一个width,鼠标经过时改变上面2个参数，当鼠标移出时，恢复到初始值。追答

我没看清题目就回答是我的错js比较好实现css不知道