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

JavaScript020

求 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支持

具体如下:

这个小特效很不错,用链接改变网页背景色,鼠标放上链接文字上,网页背景就会跟着变换,想让你的主页更个性一点的朋友,这个代码一定能用上,其实你可在此基础上修改一下代码,改成鼠标放上文字切换样式表,这样整个网页就变了风格,是不是很实用?

运行效果截图如下:

具体代码如下:

<html>

<head>

<title>鼠标放上链接改变网页背景颜色</title>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<SCRIPT LANGUAGE="JavaScript">

function goHist(a)

{

history.go(a)

}

</script>

</head>

<body>

<center>

<h2>鼠标放到相应链接上看看!</h2>

<table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0">

<tr><td align=center>

<a href="#" onMouseOver="document.bgColor='skyblue'">天空蓝</a>

<a href="#" onMouseOver="document.bgColor='red'">大红色</a>

<a href="#"onMouseOver="document.bgColor='#0066CC'">清新蓝</a>

</td></tr>

</table>

</center>

</body>

</html>

javascript

吗?

这个我就会.但是js我就不会了.

提示你一下.

首先要定义一下不同区域内的提示信息.用层实现.

放在哪块区域就提示哪个宝义的内容.

在层里显示