jquery浮动层,html上下浮动

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

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

div id='showTip' style="background-color: white; width:200px; height:200px;position: absolute; display: 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支持

相关问答

Q1: 网页浮动窗口用JQuery 如何实现单击不在浮动窗口上时，让它消失，怎么做??

利用浮动窗口的鼠标移出/移入事件.

为FORM或者BADY的onclick事件动态 绑定/解除绑定 一个function

这个function的内容就是控制窗口消失.

也就是说,只要鼠标移出了浮动层,那么就被绑定了一个单击事件:浮动层消失.

Q2: HTML中的浮动层实现代码，怎么编写？

这个要js/jquery才OK，下面的代码使用了jquery实现：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /

titlejquery浮动层/title

style type="text/css"

#Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;}

/style

/head

script type="text/javascript" src=""/script

script language="javascript"

$(document).ready(function(){

$(window).scroll(function (){

var offsetTop = $(window).scrollTop() + 80 +"px";

$("#Float").animate({top : offsetTop },{ duration:500 , queue:false });

});

});

/script

body

div style="height:2000px;"/div

div id="Float"/div

/body

/html

Q3: jquery（scrollTop）怎样判断距离浏览器顶部有一定距离时显示

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /

titlejquery浮动层/title

script src="jquery-1.8.3.js"/script!-- 注意修改引用路径 --

style type="text/css"

#Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;}

/style

/head

script language="javascript"

$(document).ready(function(){

$(window).scroll(function (){

// 让浮动层距离窗口顶部，始终保持80px

var offsetTop = $(window).scrollTop() + 80 +"px";

$("#Float").animate({top : offsetTop },{ duration:500 , queue:false });

});

});

/script

Q4: jquery如何实现把一个div浮动到网页最上层

JQuery实现将Div浮动到网页最上层。

可以通过Css的z-index属性来进行设置

具体代码：

$(".divClass").attr("z-index",999);

原理：

通过JQuery给指定的div增加属性'z-index'为'999'，将指定div的层次拉到最高，这个所谓的999并不一定是999这个数字，只需要是你页面z-index的最大值就是可以的。