排序Select中Option项的一个示例(转)
Form中的Select控件不支持对选择项(Option)的排序,下面我将对Option中value属性值进行排序,并调整每个Option排序后的位置,具体代码如下(这里假设每个Option中的value与其中的text内容相同): 该函数运用了Array(数组)对象的排序(sort)方法,实现了Select排序。 function sortMe(oSel){var ln = oSel.options.length;var arr = new Array(); // 这是关键部分 // 将select中的所有option的value值将保存在Array中for (var i = 0; i < ln; i++){ // 如果需要对option中的文本排序,可以改为arr[i] = oSel.o
为网页添加特效(转)
制作弹出式窗口有许多网页在打开的时候,会弹出一个较小的窗口,显示广告或一些最新信息。这种弹出式窗口制作很简单,只要在网页代码的〈body〉标签后面插入类似代码即可: <script language=″javascript″> window.open(′url′,′窗口名′,′属性列表′); </script> 其中“url”是在窗口中显示的html文档的地址;“窗口名”可任意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:toolbar(是否显示工具栏)、location(是否显示地址栏)、dire
禁止用右键查看源代码(转)
做网页的朋友都会遇到这种情况:有时自己辛苦半天做的网页,尤其是一些Javascript特效,很容易被人利用查看源文件而复制。那么如何才能防止被人查看源代码呢?我们可以利用event.button特性来做到。下表是event.button属性的可能取值及含义:0 没按键1 按左键2 按右键3 按左和右键4 按中间键5 按左和中间键6 按右和中间键7 按所有的键参照上表,我们可以在<body>和</body>之间加入如下语句:<script Langvage=javascript>function Click(){ if (event.button!=1){alert(‘版权所有(C)2001 XXX工作室‘);}}docu
制作弹出公告窗口(转)
有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的Javascript语句来实现它。方法一:在<head></head>之间插入如下一段Javascript代码:<script language="Javascript"><!--var gt = unescape(‘%3e‘);var popup = null;var over = "Launch Pop-up Navigator";popup = window.open(‘‘, ‘popupnav‘, ‘width=200,height=170,resizable=0,scroll
网页侦测四法(转)
在网上看到有很多主页上有这样的提示:建议您采用IE4。0使用800×600分辨率浏本网页。其实在网页里的主体部分即和之间找个合适的位置,加上十分简单的一小段javascript语句就可以侦测到浏览者所使用的浏览器种类,分辨率,色彩度并提出建议,以使浏览者的浏览环境符合本站的最佳浏览环境,岂不更好。这里所介绍的侦测屏幕分辨率和颜色数的javascript源码可是别的地方找不到的,不可错过哟!一:侦测浏览器种类和版本 <script language="javascript1.2" > <!-- document.write("您使用的浏览器是"+navigato
网页自适应不同浏览器和分辨率(转)
上网这么久,曾经不止一次地看到有些网站的首页上醒目地写着"请用Internet Explorer 4.0版本以上浏览器在800×600分辨率下浏览本网站"等字样的文字。可是,我的17英寸的彩显你不能总让我用800×600的分辨率吧。再说了,虽然都说Netscape 6.0没有IE 5.5好,但我也要尝尝鲜呀!哦,原来你的网页在Netscape中这么丑!怪不得……。笔者经过一番研究之后,已经找到了解决此问题的方法。不相信吗?那就往下看看再说吧!首先需要建立如下几个HTML文件:index.html--网站主页,对浏览器进行辨别。change-ie.html和change-nc.htm
让浏览器状态栏动起来(转)
每当用浏览器一打开别人的主页时,在浏览器的状态栏上就会出现各种形式的文本提示,而且提示是动态的,提示的内容有的是介绍主页内容的,有的是欢迎的信息等等,这样的提示既不影响浏览主页的速度,又不影响观看主页,因为它不占据页面的部分,所以很多的主页都应用这种特效。要实现这样的特效并不是很难,下面就介绍几种这种特效的应用实例:一、眨眼式当浏览器打开网页时,下面的状态栏就会像眨眼睛似地出现文本提示信息(提示的内容可以改成你所需要的任意内容)。<script language=″Javascript″>!--var yourwords =″欢迎
使用Javascript制作行间颜色间隔(转)
制作页面,有时为了摆脱表格行与行之间单调颜色的显示,追求一种简单视觉效果,要求每行之间以不同颜色显示。一般制作时,都以手工隔行调节色系,这样就会出现管理表格极为不方便。解决的方法就是使用Javascript与CSS来控制。制作方法:1、在<head></head>间插入CSS样式,代码:.t1 {background-color:#336699}.t2 {background-color:#ffcc00}其中,#336699与#ffcc00为每行间的颜色值。2、使用Dreamweaver插入表格。并给表格赋予ID值:<table id="table1">3、在表格<table>...</table>代
表单中添加是否数字的JS与VBS代码(转)
1.用javascript判断 [isNaN()] JS代码:<script language="javascript">function check(formname){if (isNaN(formname.price.value)){alert(‘请输入数字‘);formname.price.focus();return false;}alert(‘是数字,通过‘);return true;}</script>调用: <form name="form1" method="post" action="" onsubmit="check(this)"><input type="text" name="price"><input type="submit" name="Submit" v
使用CSS改变表格边框样式(转)
用CSS改变表格边框样式,很实用的一种方法。制作方法: 将下面的代码复制到<body>~</body>里,此为隐藏下边框 <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111" width="90"><tr align="center"> <td style="border-bottom-style: none; border-bottom-width: medium" height="25">隐藏下边</td></t
JavaScript高级教程- 第4天(转)
第一页:Javascript高级教程- 第4天 高级的图象与对象 在以前的课中,我们学习了对文本和字符串的各种操作,今天我们专注于两种不同的数据类型:图象和对象。学完这一课,你将知道如何: 使用带Javascript预装图的图象映射来加速图象交换。 创建你自己的对象来使大的scripts易于理解。 使用关联数组来快速存取scripts中的每一个对象。 下面我们从图象映射开始。 第二页:图象映射与Javascript 一个图象映射由一些区域组成,每个区域对应于一个相关联的超级链接,当你点击那个区域就把你带到那个链接。这里是一个简单的例子,从Pat
JavaScript 基础教程 第四课(转)
第一页:第四课介绍 对于Java script来说有两个主要部分:该语言本身及其目标库。在第2课介绍的语法中,我们已经研究了变量,语句和if-then子句,这些是所有程序设计语言的组成部分。现在来学习Java script语法的其余部分。 对于Java script语法来说,我们仅剩下三个问题需要学习:循环、数组和函数。 让我们从循环开始。 第二页:循环介绍 有时你想反复做同一件事。你想向某些人询问一个口令,你不断地问,直到得到正确的口令。如果你只想给他们两次尝试的机会,你可以这么做: var the_password = "pass the wrench&quo
JavaScript 基础教程 第一课(转)
第一页:Javascript教程 - 第一课 交互性!多数网站声称交互性即当你点击一个链接时到达一个新的页面,但严格道来甚至当网页中具有CGI语言时也并不意味它真正具有交互性。填好表格,按提交钮,等待......这就像往海中扔一个瓶子等候它自己飘回来一样。 幸运的是,现在我们有了Javascript, 于是网页可真正如你希望的那样交互作用。当鼠标移动到哪里,图片交换,表格元素在传递过程中即相互影响,无须等待CGI回复结果计算即可进行。没有任何提交 - 等待过程 - 任何事只是在你使用它时发生。 Javascript最杰出之处在于你可以用很小的
Javascript高级教程 - 第三课(转)
第一页:Javascript高级教程 - 第三课 事件的定时以及浏览器的识别 随着我们所掌握的Javascript日渐丰富,我们可以编制出越来越复杂的应用程序。上次的课程中我们学习了如何利用Javascripts编写Cookies。今天我们将学习如何加入定时功能。给时间定时的能力在3.0版的浏览器中非常有用,而在更新的浏览器中则会在动态HTML应用中发挥更大的功用。 如果你用的是Netscape 4.0或微软的IE 4.0,你可能回注意到动态HTML可以在页面中移动不同的内容。在Javascript中将某个物体在屏幕中移动需要用到一个循环(loop),用循环的功能使物体随着时间
JavaScript高级教程 - 第一课(转)
第一页:Javascript高级教程 欢迎您继续学习Javascript高级教程。在此之前我们已经学习了Javascript5日教程。在这一阶段的学习中我们将继续学习在上次的教程中还没有来得及谈及的问题。我还将向你们展示Javascript的许多神奇功能,使你能够制作真正对多媒体应用程序。 以下是我们将涉及的内容: 给变量赋值 If-then语句 For和while循环 编写你自己的函数 打开及控制窗口 读写HTML 表单 应用数组 控制图片转换 如果这些课题你听起来还比较陌生的话,我建议你先阅读一下先前的Javascript5日教程。 第二页:本教程的课程计划 在上次
JavaScript高级教程- 第5天(转)
第一页:Javascript高级教程- 第5天 哇!- 今天是最后一天!真是好极了!作为对您这些天辛勤工作的奖励,我把今天的课程安排得非常放松 - 没有本质代码萦绕在你脑中,也没有多如牛毛的家庭作业,只是编码理论和指向资源的连接。 今天讨论以下话题: 帮你写Javascript的工具 调试技术 使你的Javascript代码快速运行的技巧 可得到的工具 说实话,就算称我为老学究,我也只用字处理器来写Javascript。 虽然有大量的可用来写Javascript的工具,但是它们产生的代码非常笨拙而且很难更改。如果你真想使用一种工具来创建Javascript代码,
使用Jscript编写EXCEL导出(转)
下面是一段关于采用Jscript语言对EXCEL的导出,下面的程序是对导出的关键一段,读者可以自己参考EXCEL用户手册进行修改。function exportexcel(){ var iSubjectNum,iElementNum; var sText; var iX=1; var iY=2; var xlsub; // alert(‘export‘); IniExcel(); xlApp.visible=false; if (fso.FileExists(sExcelPath)==true ) { xlsub=xlApp.Application.Workbooks.Open(sExcelPath); //alert(xlsub); //xlsub=xlApp.Application.Worksheets(ipage);
javascript事件列表解说(转)
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4、N4 鼠标移动时触发此事件 onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件 onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件. o
用JavaScript创建超酷时钟背景特效(转)
我们经常会在页面中添加一些Javascript代码用来显示时间。但是有时加入一些代码可能会影响页面的布局。现在给你一段代码,它将给你生成一个跳动的时钟,而且时钟是叠加在背景上的,再也不用担心布局上的问题了。 一、把下面的代码加到<head></head>区域中: <script language=Javascript><!--// function clockon() {thistime= new Date()var hours=thistime.getHours()var minutes=thistime.getMinutes()var seconds=thistime.getSeconds()if (eval(hours) <10) {hours="0&quo
舞台光柱照射效果(JS)(转)
<head> <title>Untitled</title> </head> <body bgcolor="Black"> <div id="myLightObject" style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px; color: White; filter: light"> <p align="center"> 春花秋月何时了,往事知多少 </p> <p align="center"> <br> 小楼昨夜又东风 </p> <p align="center"> <br> 故国不堪回首月明中。 </p> <p