浮动层显示JS

js|浮动|浮动层|显示

var offsetx = -120;
var offsety = -100;
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

if (ie4) {
 if (navigator.userAgent.indexOf('MSIE 5')>0) {
  ie5 = true;
 } else {
  ie5 = false; }
} else {
 ie5 = false;
}

var x = 0;
var y = 0;
var para = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
var tr=1;
if ( (ns4) || (ie4) ) {
 if (ns4) over = document.overDiv
 if (ie4) over = overDiv.style
 document.onmousemove = mouseMove
 if (ns4) document.captureEvents(Event.MOUSEMOVE)
}
function hide() {
 if ( cnt >= 1 ) { sw = 0 };
 if ( (ns4) || (ie4) ) {
  if ( sw == 0 ) {
   para = 0;
   hideObject(over);
  } else {
   cnt++;
  }
 }
}

function show(txt) {
 layerWrite(txt); 
 disp();
}
function layerWrite(txt) {
        if (ns4) {
                var lyr = document.overDiv.document
                lyr.write(txt)
                lyr.close()
        }
        else if (ie4) document.all["overDiv"].innerHTML = txt
  if (tr) {  }
}
function disp() {
 if ( (ns4) || (ie4) ) {
  if (para == 0)  {// Right   
    moveTo(over,x+offsetx,y+offsety);
   }   
   showObject(over);
   para = 1;
  }
 }

function mouseMove(e) {
 if (ns4) {x=e.pageX; y=e.pageY;}
 if (ie4) {x=event.x; y=event.y;}
 if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}
 if (para) {  
   moveTo(over,x+offsetx,y+offsety);
  }
 }
function cClick() {
 hideObject(over);
 sw=0;
}

// Make an object visible
function showObject(obj) {
        if (ns4) obj.visibility = "show"
        else if (ie4) obj.visibility = "visible"
}

// Hides an object
function hideObject(obj) {
        if (ns4) obj.visibility = "hide"
        else if (ie4) obj.visibility = "hidden"
}

// Move a layer
function moveTo(obj,xL,yL) {
        obj.left = xL
        obj.top = yL
}

另外,在要显示的页面中适当位置添加:
            <DIV id=overDiv style="POSITION: absolute; Z-INDEX: 1"></DIV>
            <SCRIPT language=javascript src="xxx.js"></SCRIPT>

示例地址:http://www.xrss.cn/fjcity.asp

时间: 2024-08-07 15:40:36

浮动层显示JS的相关文章

jQuery powerFloat万能浮动层下拉层插件使用介绍_jquery

一.写插件的缘由 为什么想写此插件,想来想去,归结为一个字:"懒".不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春.于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了.这种感觉就好比<大话西游>里悟空一巴掌拍死唐僧这只苍蝇一样.那,这里提及的类似的功能是指?当当当当,就是与某元素有位置关系的浮动层(例如tip类效果,鼠标经过显示大图,下拉列表等). 二.插件概述 插件名为jque

MooTools 页面滚动浮动层智能定位实现代码_Mootools

HTML代码: 复制代码 代码如下: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码: 复制代码 代码如下: var $smartFloat = function(elements) { var position = function(element) { var top = element.getPosition().y, pos = element.getStyle(&q

jQuery页面滚动浮动层智能定位实例代码_jquery

HTML代码: 复制代码 代码如下: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码: 复制代码 代码如下: $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position&q

jquery页面滚动浮动层智能定位种代码

我看到一个站长博客效果如下 然后我们看到最多的一般是这种 那么我们要如何实现第一种效果呢,问了那朋友说只要搜索 jquery 浮动层就可以解决了,搜索了一下发现几段代码非常的不错,一段是jquery浮动插件,另一种是zblog自带的功能,我都整理一下. 例子1.jquery smartFloat智能定位 HTML代码:  代码如下 复制代码 <div class="float" id="float">     我是个腼腆羞涩的浮动层... </di

js实现从右向左缓缓浮出网页浮动层广告的方法

  这篇文章主要介绍了js实现从右向左缓缓浮出网页浮动层广告的方法,可实现右侧浮动广告的定时弹出及点击展开.折叠等功能,非常具有实用价值,需要的朋友可以参考下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59

js 浮动层菜单收藏_导航菜单

使用说明 即仅需把附件中的 JS 文件和 CSS 文件引用到网页里,如: 复制代码 代码如下: <script type="text/javascript" src="DivMenu.js"></script> <link href="DivMenu.css" rel="stylesheet" type="text/css" /> 在线演示 http://img.jb51

js 弹出浮动层

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

js 右侧浮动层效果实现代码(跟随滚动)_javascript技巧

实现代码一. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <!--**

如何使js控制DIV层显示隐藏(页面可刷新)时,只能隐藏不能显示,

问题描述 这段代码中,是可以用JS控制cookies隐藏DIV层,并且刷新也可以始终隐藏,但是如何做到当DIV层隐藏后,页面中有显示DIV层的提示我的设想是:当DIV层显示时,选择隐藏,页面刷新依然隐藏(已经做到了)当DIV隐藏后,可以选择显示,页面刷新可以显示DIV层(没做到)也就是用Js控制DIV的显示与隐藏,并存入cookies,直到下一次操作JS依然有效控制<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"&q