麻烦看看这种JS效果是如何实现的.只求思路,稍加代码即可

不知道你是指点击进入还是哪个效果,总之都是简单的onmouseover事件

解决方案 »

  1.   

    <span id="abc" style="DISPLAY: none; Z-INDEX: 102; POSITION: absolute; BACKGROUND-COLOR: white">
    <table border="0" cellpadding="0" cellspacing="1" class="border5"  bgcolor="#BCDDF8">
    <tr>
    <td  id="title">文章标题：</td>
    </tr>
    </table>
    </span>在onmouseover的事件里面设置document.getElementById("abc").style.display = "";同时设置相应的时间，标题，次数等属性值
      

  2.   

    <html> 
    <head> 
        <title> </title> 
    <script>
    function show(e){
    e = e || window.event;
    var obj = document.getElementById("tip");
    obj.style.left = e.clientX;
    obj.style.top = e.clientY;
    obj.style.display = "";
    }
    function hide(){
    document.getElementById("tip").style.display = "none";
    }
    </script>
    </head> 
    <body>
    <div onMouseMove="show(event)" onMouseOut="hide()" style="background-color:#096; height:300px; width:500px;"></div>
    <div id="tip" style="background-color:#930; height:100px; width:200px; position:absolute;"></div>
    </body> 
    </html> 
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <style type="text/css"> 
    <!-- 
    .a{ 
    background:#ffffff; filter: Alpha(opacity=80); opacity:0.8;width:200px; height:205px; position:absolute; border:1px solid #0066FF; } 
    .a1 
    { height:180px;padding:10px;} 
    .a2 
    { background:#0066FF; height:25px;}    
    --> 
    </style> 
    <script>
    function create(e,obj){
    e = e||event
    if(!obj.xx){
    var div1 =document.createElement("div")
    div1.className="a"
    div1.id="cantion"
    document.body.appendChild(div1)
    var div2 =document.createElement("div")
    div2.className="a1"
    div1.appendChild(div2)
    var div3 =document.createElement("div")
    div3.className="a2"
    div1.appendChild(div3)
    obj.xx=true
    }
    if(document.body.offsetWidth-e.clientX-28<document.getElementById("cantion").offsetWidth)  //显示左边还是右边
    {document.getElementById("cantion").style.left=e.clientX+8 -document.getElementById("cantion").offsetWidth
    document.getElementById("cantion").style.top=e.clientY+18}
    else
    {document.getElementById("cantion").style.left=e.clientX+8 
    document.getElementById("cantion").style.top=e.clientY+18}
    }function display(obj){
    if(document.getElementById("cantion")!=null)
    {obj.xx=false
    document.body.removeChild(document.getElementById("cantion"))}}  
    </script>
    <body>
    <span onMouseMove="create(event,this)" onMouseOut="display(this)">Hi 哼哼</span> 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<span onMouseMove="create(event,this)" onMouseOut="display(this)">hi 嘿嘿,哈哈，呵呵，赫赫</span>
    </body>