试过float了,不行,它只是很简单的把div靠左或靠右浮动,而我想要div浮动在指定的文字后面,并且不会影响原来显示的其他文字的排列

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta http-equiv="Content-Language" content="zh-CN" />
     <title></title>
     <style type="text/css">
     /*<![CDATA[*/
    .ss a {display:;} 
    .ss a:hover {position:relative; z-index:1; } 
    .ss span {display:none;} 
    .ss a:hover span {display:block; width:200px; height:200px; background:yellow; position:absolute; top:20px; left:20px; z-index:1000;border:1px solid green; } 
     /*]]>*/
     </style>
    </head>
    <body>
    如题,我想实现当鼠标停留在一段选定的文字上时,在最后一个字后面显示一个指定高度和背景色的div,现在实现是实现了,但效果总是不理想,这段文字如下: 
    ***************************************** 
    然而,山下奉文还是低估了中国军队的行动速度!   3月18日清晨,从云南丽江、<span class="ss"><a href="" title=""><span>谢谢</span>昆明</a></span>两个机场起飞的五十四架轰炸机在二十八架战斗机的掩护下向缅北日军发起突袭,从而拉开了中国军队战略反击的序幕,已经沉寂了一年多时间的中国战区重新响起了隆隆的炮声!   中国空军首先袭击了距离滇缅边境不足五十公里的密支那机场,麻痹大意的日军航空兵遭到了毁灭性的打击——停放在机场上的十七架战斗机悉数被击毁,侥幸升空的三架战斗机在十倍以上战斗机的围攻下,在不到一分钟的时间里就被击中数十发机关炮弹,最后全部凌空爆炸。紧接着,轰炸机群对机场的跑道进行了反复轰炸,重磅炸弹和燃烧弹把炸成一片焦土,使其短期内无法修复。
    </html>
      

  2.   

    如果你想用DIV实现的话可能就比较麻烦,需要获得当前鼠标坐标然后再赋给DIV,偶对JS定位也不清楚...,好像是什么eventx什么的:)
      

  3.   

    谢谢littlelam,好像有点眉目了,再试一下!
      

  4.   

    很遗憾littlelam,这种方法可能无法用在我的项目上,因为我主要是摘录别人的网页然后再做此类分析,我担心会遇到具有相同tag特征的、但又不是我想标注的内容。能不能有一种方法,可以直接写到目标节点的style里去的,多谢指教!
      

  5.   

    可以直接写到目标节点的style里去的
    什么意思???
    试试appendChild();把你要加得节点得css定制在里面
    一般定义一个相对定位得div,在你要触发它得那个元素里追加一些方法在传递一些参数应该可以实现了
      

  6.   

    我只能说楼实在太懒了,自己完全不想动手。littlelam发出的方法已经很通用,难道你还想要十完十美 ?