关于php开发的网站弹出标签的问题

Question

一个PHP开发的网站，其中的一些页面我想做出一种效果 就是鼠标停留一段文字或者点击那段文字 会弹出一个标签，怎么做呢。。
我可以举个例子，比如phpchina里
http://www.phpchina.com/?action-viewnews-itemid-36444
正文中有一些带下划线的文字，点击弹出标签的效果 当然，我最希望是不需要点击 只是鼠标经过就能弹出比如左边的头像，鼠标放在上面就会有一个标签弹出我需要的就是把鼠标放在一段文字上面，而不是图片

Answer 1

思路没有，代码不会 =。= 目前很纠结之前是做java和C#的 刚开始自学PHP 很多东西不懂

Answer 2

这个其实是属于js和css的，和php无关的，按楼主给出的网站的效果来看是生成一个div，只不过这个div的z-index大于0罢了

Answer 3

比如他有
<a href="javascript:;" onClick="javascript:tagshow(event, '%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1');" target="_self"><u><strong>面向对象</strong></u></a>
点击后弹出一个信息框你把 onClick 事件改成 onMouseOver 事件就可以了，当然还要处理一下弹出框的关闭问题

Answer 4

你这里复制了 http://www.phpchina.com/?action-viewnews-itemid-36444 的我的这个例子的页面的代码，我去仔细看了下 他的这些能单击弹出标签的文字似乎是经过一些插件的处理，比如分词系统，只要页面出现“PHP” “软件” “面对对象”等等这些关键字 就会自动捕获并且生成这种效果 直接用他的这段javascript是没什么用的 是不是必须要用的这些插件？ 如果不用这些插件，直接写js怎么写呢？ 希望可以给出一些详细些的代码谢谢大侠了 =。=

Answer 5

让下面效果中的div能够拖动关闭就成了楼主说的效果了<div></div>
<input type="button" value="来一个div" onclick="createDiv()">
<script language="JavaScript">
function createDiv(){
var div = document.createElement("div");
div.innerHTML = "我来也";
div.style.border = "1";
div.style.width = "100px";
div.style.height = "100px";
div.style.zindex = "1px";
div.style.background = "yellow";
document.body.appendChild(div);
}
</script>

Answer 6

额。。首先谢谢大家。。我发现是我2了 明明很简单的东西 被我表达错误了
<li title="一门很流行的开发语言">php</li>只要上面这段代码这样就可以了我要的也是这个效果 =。=

Answer 7

<li title="一门很流行的开发语言" style="width: 60px; height: 20px; z-index: 1px; background: yellow; border:0.1cm groove black;">php</li>