一些有用的javascript代码(1)

最新推荐文章于 2024-05-10 03:04:14 发布
最新推荐文章于 2024-05-10 03:04:14 发布
阅读量882 收藏
点赞数
分类专栏： 技术文档 文章标签： javascript function border table menu server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linglv/article/details/577009
版权

<HTML><HEAD>
<TITLE>下拉式菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>A:link {
 COLOR: #333333; TEXT-DECORATION: none
}
A:active {
 COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
 COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
 COLOR: #ff6600
}
BODY {
 BACKGROUND-POSITION: center 50%; SCROLLBAR-FACE-COLOR: #c0c0c0; FONT-SIZE: 12px; BACKGROUND-IMAGE: url('Images/bg.gif'); SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0; SCROLLBAR-SHADOW-COLOR: #c0c0c0; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #e0e0e0; SCROLLBAR-ARROW-COLOR: #333333; SCROLLBAR-TRACK-COLOR: #e0e0e0; FONT-FAMILY: "宋体"; SCROLLBAR-DARKSHADOW-COLOR: #c0c0c0
}
TD {
 FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: 宋体
}
TD.TableBody1 {
 BACKGROUND-COLOR: #ffffff
}
.tableBorder1 {
 BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; WIDTH: 100%; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: #c5bdc5
}
.table {
 BORDER-RIGHT: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff
}
INPUT {
 BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
}
</STYLE>
<script Language="JavaScript">
 var h;
 var w;
 var l;
 var t;
 var topMar = 3;
 var leftMar = -10;
 var space = 2;
 var isvisible;
 var MENU_SHADOW_COLOR='#999999';
 var global = window.document
 global.fo_currentMenu = null
 global.fo_shadows = new Array

function HideMenu()
{
 var mX;
 var mY;
 var vDiv;
 var mDiv;
 if (isvisible == true)
{
  vDiv = document.all("menuDiv");
  mX = window.event.clientX + document.body.scrollLeft;
  mY = window.event.clientY + document.body.scrollTop;
  if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-h) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight)){
   vDiv.style.visibility = "hidden";
   isvisible = false;
  }
}
}

function ShowMenu(vMnuCode,tWidth) {
 vSrc = window.event.srcElement;
 vMnuCode = "<table id='submenu' cellspacing=1 cellpadding=3 style='width:"+tWidth+"' class=tableborder1 οnmοuseοut='HideMenu()'><tr height=23><td nowrap align=left class=tablebody1>" + vMnuCode + "</td></tr></table>";

 h = vSrc.offsetHeight;
 w = vSrc.offsetWidth;
 l = vSrc.offsetLeft + leftMar+4;
 t = vSrc.offsetTop + topMar + h + space-2;
 vParent = vSrc.offsetParent;
 while (vParent.tagName.toUpperCase() != "BODY")
 {
  l += vParent.offsetLeft;
  t += vParent.offsetTop;
  vParent = vParent.offsetParent;
 }

 menuDiv.innerHTML = vMnuCode;
 menuDiv.style.top = t;
 menuDiv.style.left = l;
 menuDiv.style.visibility = "visible";
 isvisible = true;
    makeRectangularDropShadow(submenu, MENU_SHADOW_COLOR, 4)
}

function makeRectangularDropShadow(el, color, size)
{
 var i;
 for (i=size; i>0; i--)
 {
  var rect = document.createElement('div');
  var rs = rect.style
  rs.position = 'absolute';
  rs.left = (el.style.posLeft + i) + 'px';
  rs.top = (el.style.posTop + i) + 'px';
  rs.width = el.offsetWidth + 'px';
  rs.height = el.offsetHeight + 'px';
  rs.zIndex = el.style.zIndex - i;
  rs.backgroundColor = color;
  var opacity = 1 - i / (i + 1);
  rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
  el.insertAdjacentElement('afterEnd', rect);
  global.fo_shadows[global.fo_shadows.length] = rect;
 }
}
var About= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"About.asp/"><font color="#000000">公 司 简 介</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Culture.asp/"><font color="#000000">公 司 文 化</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Organize.asp/"><font color="#000000">组 织 机 构</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Principle.asp/"><font color="#000000">精 神 理 念</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Contact.asp/"><font color="#000000">联 系 我 们</font></a>&nbsp;'
var News= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"News.asp/"><font color="#000000">企 业 新 闻</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"yeNews.asp/"><font color="#000000">业 内 资 讯</font></a>&nbsp;'
var Product= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Product.asp/"><font color="#000000">产 品 展 示</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Products.asp/"><font color="#000000">产 品 分 类</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"search.asp/"><font color="#000000">产 品 搜 索</font></a>&nbsp;'
var Job= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Job.asp/"><font color="#000000">人 才 招 聘</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Jobs.asp/"><font color="#000000">人 才 策 略</font></a>&nbsp;'
var sale= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Sale.asp/"><font color="#000000">国 内 市 场</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Salea.asp/"><font color="#000000">国 外 市 场</font></a>&nbsp;'
var server= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Server.asp/"><font color="#000000">会 员 中 心</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"NetBook.asp/"><font color="#000000">留 言 中 心</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"E_shop.asp/"><font color="#000000">订 单 查 询</font></a>&nbsp;'
var index= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"default.asp/"><font color="#000000">网 站 首 页</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Index.asp/"><font color="#000000">企业形象页</font></a>&nbsp;'
var img= '&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Honor.asp/"><font color="#000000">企 业 荣 誉</font></a>&nbsp;<br>&nbsp;<a style=font-size:9pt;line-height:14pt; href=/"Img.asp/"><font color="#000000">企 业 形 象</font></a>&nbsp;'
</script>
<BODY bgColor=#000000 leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" οnmοusemοve="HideMenu()" style="background-image: url('Img/bg0.gif'); background-attachment: fixed">
<div id=menuDiv style='Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px; BACKGROUND-COLOR: #9cc5f8'></div>
<TABLE width="760" border=0 align="center" cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF">
  <TBODY>
    <TR>
      <TD bgColor=#f2f2f2 width="762">
  </TD>
    </TR>
    <TR>
      <TD height=32 background="Img/head_bg1.gif" width="760">
        <TABLE cellSpacing=0 cellPadding=0 width="94%" border=0>
          <TBODY>
            <TR>
              <TD width="9%">　</TD>
              <TD width="91%" valign="bottom"><IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle><a href="default.asp" onMouseOver='ShowMenu(index)'>　首 页</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="About.asp" onMouseOver='ShowMenu(About)'>企业简介</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="News.asp" onMouseOver='ShowMenu(News)'>新闻资讯</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="Product.asp" onMouseOver='ShowMenu(Product)'>产品展示</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="Honor.asp" onMouseOver='ShowMenu(img)'>企业荣誉</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a onMouseOver="ShowMenu(sale)" href="netsale">营销网络</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="Job.asp" onMouseOver='ShowMenu(Job)'>人才招聘</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="Went.asp">信息反馈</a>　<IMG height=27
            src="Img/head_bg1.gif" width=2
            align=absMiddle>　<a href="Server.asp" onMouseOver='ShowMenu(server)'>客户服务</a></TD>
            </TR>
          </TBODY>
        </TABLE>
      </TD>
    </TR>
  </TBODY>
</TABLE>

linglv
关注
专栏目录
38 个非常有用的 JavaScript 单行代码汇总
m0_73257876的博客
09-03 2372
在此比较函数中选择 0.5 的原因是，如果从 0 和 1 的每个端点中减去 0.5，则会得到 -0.5 和 +0.5 的新范围，但不包括 +0.5，因为不包括原始 1 在 Math.random() 函数的结果中。此方法返回一个随机布尔值。关于JavaScript的单行代码技巧，我们在前面也分享过一些，但是，没有今天齐全，今天分享的这些代码，基本都是我们日常开发中会使用到的一些单行代码。
jslibs:一些基本的有用的javascript代码库
05-16
在"jslibs"这个压缩包中，我们找到了一些基础且实用的JavaScript代码库，这些库可以帮助开发者更高效地实现特定功能，提高开发效率。 首先，"in.js"是一个包含基本函数集合的库，它的主要目标是简化常见的...
网页仿 Office 2003 的工具条
weixin_33946605的博客
12-22 78
网页仿 Office 2003 的工具条   [ 日期：2005-01-27 ]   [ 来自：网上摘录 ]&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Language" content="zh-cn"&gt;&lt;meta http-equiv="Content-Type" content="text/html; ch
脚本复杂又简单－－一个菜单模块
异域の蜗牛's blog
10-28 859
这里的脚本仅指jscript 脚本是复杂又简单的．说简单，是因为它是对象加上层次结构，甚至数组都是对象而不是数据结构，而且是浏览器中已内在声明了的，让你用就是．说复杂，是因为它的简单，让你在一些数据结构与算法的处理上得动一翻脑筋，也得对浏览器有深入的了解．下面是一个菜单模块，没进入文章正文就能正常显示，当进入文章正文阅读后就不能正常运行了． var h,w,l,t;var Te
13个有用的JavaScript代码
JINGZzhuo的博客
08-14 2259
JavaScript 有很多实用例子，它们可以做很多强大的事情,在今天的文中，我们将分享一些 JavaScript 特别好用的代码,无论你是 JavaScript 新手还是经验丰富的开发人员，学习些新东西总是好的。希望能帮助您解决一些日常开发中遇到的JavaScript 问题....
手把手教会你JavaScript引擎如何执行JavaScript代码
2401_84438067的博客
05-03 749
外部词法环境引用(Outer Lexical Environment)：记录外层词法环境的引用。通过外部词法环境的引用，作用域可以层层拓展，建立起从里到外延伸的一条作用域链。当某个变量无法在自身词法环境记录中找到时，可以根据外部词法环境引用向外层进行寻找，直到最外层的词法环境中外部词法环境引用为null，这便是作用域链的变量查询。
JavaScript：代码风格
前端御书房
10-14 695
JavaScript：代码风格，持续更新中……
16个必备的JavaScript代码片段
最新发布
2401_84097696的博客
05-10 772
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
JavaScript 代码的执行流程
qq_41161604的博客
09-05 2391
JavaScript 代码的执行流程 实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译阶段被 JavaScript 。 JavaScript 的执行机制：先编译，再执行 JavaScript 代码执行过程中，需要先做变量提升，而之所以需要实现变量提升，是因为 JavaScript 代码在执行之前需要先编译。 在编译阶段，变量和函数会被存放到变量环境中，变量的默认值会被设置为 undefined；在代码执行阶段，JavaScript 引擎会从变量环境中去查找自定义的变量和函数 如果在编译阶段，
果断收藏9个Javascript代码高亮脚本
10-23
Javascript代码高亮脚本是网页开发者和内容发布者在展示代码片段时不可或缺的工具。通过代码高亮，可以提升代码的可读性，使阅读者能够更轻松地识别不同的语法元素，从而提升用户体验。下面详细介绍九个在业界广泛...
编写可靠的javascript代码测试驱动开发javascript商业软
07-22
资源名称：编写可靠的JAVAｓｃｒｉｐｔ代码 测试驱动开发JAVAｓｃｒｉｐｔ商业软件内容简介：《编写可靠的Javaｓｃｒｉｐｔ代码 测试驱动开发Javaｓｃｒｉｐｔ商业软件》分为5个部分：第Ⅰ部分“奠定坚实的基础”...
1号店完整代码_js代码_一号店代码_京东1号店_
09-29
- **js**：JavaScript代码库，包含实现上述功能的具体代码。 - **.idea**：这是IDE（如IntelliJ IDEA）的工作目录，包含了项目配置信息，对开发者来说很有用，但对最终用户来说是不可见的。 综上所述，这个项目是一...
JavaScript 一些有用的代码片段和 trick
zyb112211的博客
08-21 267
JavaScript 有用的代码片段和 trick
21 JavaScript 学习：一些误区和易错点
热门推荐
百锦再的博客
04-29 9万+
在定义数组时，如果在最后一个元素后面添加逗号，可能会出现一些问题，尤其是在一些 JavaScript 引擎中。为了避免这种问题，应该及时删除最后一个元素后的逗号。会导致一些 JavaScript 引擎报错，因为这被认为是一个语法错误。这样就保证了数组定义的正确性，避免了潜在的问题。请注意检查你的代码中的数组定义，确保没有多余的逗号导致语法错误。在定义对象时，确保在最后一个属性后面没有添加逗号是非常重要的。
javascript一些小技巧
linglv的专栏
01-17 813
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显
JavaScript动态特效代码合集
1. **初始化**：在HTML `<head>` 区域中插入JavaScript代码，这段代码定义了变量和函数，如`<SCRIPT language="JavaScript" FPTYPE="dynamicanimation8">`，其中`FPTYPE`可能是一个特定的标识符，用于识别和执行特效...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值