一个效果的实现。

[thisiscandy]

网址：http://www.jurlique.com/
点击最上面的其中的一个选项：“SPA EXPERIENCE”会出来一个图片的tpis 这个怎么做呢？找了一些 但是改了效果还是不好。
有做过或想法的童鞋给点提示呗~ 谢了。
网页这实在是弱啊。伤不起。。

[MuBeiBei]

就是鼠标经过出来一个图，
用png做一个背景图，然后用js控制。显示跟隐藏

[挨踢直男]

<style type="text/css">
 body{ margin:0; padding;}
.tip{ position:absolute; height:100px; width:100px; border:1px solid #000; background:#fff; padding:5px}
</style>
<br />
<br />
<br />
<br />
<br />
<a href="#" id="a" style="width:50px; height:30px; border:1px solid red; display:block">点击</a>

<script type="text/javascript">
var a = document.getElementById("a")
var tip;
a.onmouseover =  function ()
{
    tip = document.createElement("div");
    tip.className = "tip";
    tip.style.top=this.offsetTop+"px";
    tip.style.left = this.offsetLeft+this.offsetWidth-1+"px"
    tip.innerHTML = "<span>内容</span>"
    document.body.appendChild(tip);
    tip.onmouseout = function(e)
    {
        var to = e ? e.relatedTarget : window.event.toElement;

        if(this.contains)
        {
           if(this.contains(to)) return false;
        }
        else
        {
             while(to)
            {
                if(to == this) return;
                to = to.parentNode;
            }
        }
        document.body.removeChild(tip);
        tip = null;
    }
}

a.onmouseout = function(e)
{
    var to = e ? e.relatedTarget : window.event.toElement;
    if(to == tip) return;
    if(tip)
    {
        document.body.removeChild(tip);
        tip = null
    }
}
</script>

[碧海情天-赵亮]

自己做原本不难，奈何你就不学啊，去找专门的TIP插件用也行。