求 js 特效,鼠标滑过,显示浮层

JavaScript015

求 js 特效,鼠标滑过,显示浮层,第1张

首先随便找一个地方新建一个div 并且隐藏。例如

<div id='showTip' style="background-color: white width:200pxheight:200pxposition: absolutedisplay: none">

</div>

然后在链接那边写个onmouseover 属性加个触发方法 如showDiv()具体方法如下

function showDiv(e){

$("#showTip").html("这里可以写一些html的内容,如图片文字")

$("#showTip").css("top",e.clientY)//这里可以根据情况适当调整

$("#showTip").css("left",e.clientX)

$("#showTip").show()

}

还要在链接那边加上 onmouseout属性触发方法如下:

function hideDiv(){

$("#showTip").hide()

}

以上需要引入jquery支持

淘宝 QQ 115 。另外 这些特效 估计模范不来,因为写JS 那位有点NB。

所以建议阿里西西 一个特效网站 慢慢加油吧,

现在我个人人为 写JS 实现功能特效是一方面,

更重要的是一种设计的理念,以及 如何提高代码重用性,参数化,以及各种优化 包括效率,可阅读新。