浮动层的制作

原创 2004年09月26日 12:36:00

今天终于连抄带蒙把人家鼠标移过某个区域时,显示浮动框文字的代码给整了过来:

首先:

<script language="JavaScript1.2"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

function MM_findObj(n, d) {

  var p,i,x;

  if(!d) d=document;

  if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document;

    n=n.substring(0,p);

  }

  if(!(x=d[n])&&d.all) x=d.all[n];

  for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++)

    x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n);

  return window.hintDiv;

 

}

 

function MM_setTextOfLayer(objName,x,newText) {

  newText = "<TABLE WIDTH=100% BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=/"#456972/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN = /"CENTER/" BGCOLOR=/"#FFFFFF/"><FONT FACE=/"宋体/" COLOR=/"#<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />8A2BE2/">"+newText+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"

  if ((obj=MM_findObj(objName))!=null) with (obj)

 

    if (document.layers) {

      document.write(unescape(newText));

      document.close();

    }

    else innerHTML = unescape(newText);

}

 

function MM_showHideLayers() {

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

    obj.visibility=v; }

}

 

function MM_changeProp(objName,x,theProp,theValue) { //v6.0

  var obj = MM_findObj(objName);

  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){

    if (theValue == true || theValue == false)

      eval("obj."+theProp+"="+theValue);

    else eval("obj."+theProp+"='"+theValue+"'");

  }

}

 

//-->

</script>

然后在页面上加入层:

<DIV id=hintDiv style="POSITION: absolute; Z-INDEX: 0; left: 0px; top: 17px; width: 500px; height: 100px;visibility: hidden;" ></DIV>

最后,在调用的地方写:

  <TR onMouseOver=" MM_setTextOfLayer('overDiv','','<%=strShowText%>');MM_showHideLayers('overDiv','','show');

                            MM_changeProp('overDiv','','style.left',0,'DIV');MM_changeProp('overDiv','','style.top',window.event.y+10,'DIV');

                            MM_changeProp('overDiv','','style.width',<%=intLength%>*13,'DIV');" onMouseOut=" MM_showHideLayers('overDiv','','hide');">

此事多仗胡兄相助,小女子在此敛衽为礼,聊表谢意!

js浮动层制作

New Document      function MM_findObj(n, d) {  var p,i,x;  if(!d) d=document;  if((p=n.indexOf("?")...
  • xiong2009
  • xiong2009
  • 2007年08月04日 17:06
  • 1363

体验css+div 之 实现简单浮动层的基本方法

不过这种布局对窗口尺寸的适应能力极弱,所以不得不每次考虑这次的网站做成1003还是780,而信息的呈现方式也极其死板,比如说在一个类似于list的信息汇总页面,如果用户想了解某一个item的详情,一般...
  • zhengbo0
  • zhengbo0
  • 2012年06月07日 19:10
  • 1383

js浮动层的控制

(function () { var resizeContentWrapper = function () { console.group('resizing'); ...
  • LanSeTianKong12
  • LanSeTianKong12
  • 2015年11月02日 16:36
  • 433

JS弹出一个相对位置的浮动层

需求:点击一个按钮之后在按钮下方显示一个浮出层。#thelayer{ width:300px;height:98px;border:#E4F5FD 1px solid;z-index:2;positi...
  • xinqinglhj
  • xinqinglhj
  • 2010年05月27日 22:36
  • 5130

js实现滚动时层智能浮动定位

原文:http://www.javascript100.com/?p=389 智能浮动定位一般用做工具条啥的,你可以看看在淘宝上的应用 我们今天也来做一个,js实现智能浮动定位实例 实现...
  • yavobo
  • yavobo
  • 2014年03月13日 12:33
  • 2609

制作移动的浮动层

pop.jsself.onError=null;currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0;NS...
  • baobao8505
  • baobao8505
  • 2008年09月22日 16:53
  • 1555

CSS3清除浮动 保持浮层水平垂直居中

1)清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法     1、在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在...
  • splendid_can
  • splendid_can
  • 2016年11月26日 14:41
  • 987

js创建浮动层代码和js操作数据

var currentMoveObj = null;     var relLeft;     var relTop; function f_mdown(obj) {     currentMoveO...
  • dy_Smile
  • dy_Smile
  • 2010年10月11日 17:25
  • 1756

浮动的半透明层

浮动的半透明层源码:  div#floatTips{   position:absolute;   border:solid 1px #777;   padding:3px;   top:250px;...
  • chyf1982
  • chyf1982
  • 2006年03月16日 09:33
  • 794

html弹出浮动层

LSN                   $(function () {      $(".showbtn").click(function () {      ...
  • u014151362
  • u014151362
  • 2016年06月08日 17:53
  • 937
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浮动层的制作
举报原因:
原因补充:

(最多只允许输入30个字)