用JavaScript实现动画效果(转)
大家在使用Dreamweaver中的时间线功能或以做出很有趣的动画效果,Dreamweaver会自动为用户生成特定的程序代码,大家有没有想过动画的实现原理呢?其实原理是很简单的,主要是使用了一个计时器函数,下面我为大家 演示一个简单的动画的制作过程,通过有关的介绍,大家可以举一反三,做出更多很炫的动画效果。 这个实例的效果是点击网页上的“开始移动”按钮,则其中的指定图层就会从左到右移动,在这个过程中你点击“停止移动”按钮就会停止移动。 <html> <head> <title>Javascript Motion Sample&
JavaScript学习:删除数组元素(转)
Javascript通过设置数组的length属性来截断数组是惟一一种缩短数组长度的方法.如果使用delete运算符来删除数组中元素,虽然那个元素变成未定义的,但是数组的length属性并不改变两种删除元素,数组长度也改变的方法. <script> /* * 方法:Array.remove(dx) * 功能:删除数组元素. * 参数:dx删除元素的下标. * 返回:在原数组上修改数组 */ //经常用的是通过遍历,重构数组. Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.lengt
JavaScript对象与数组参考大全4(转)
userAgent 由客户机送到服务器的用户与代理头标文本 方法 javaEnabled Javascript中当前并没有该方法,但是不久之后将会添加上它将查看浏览器是否为兼容Javascript的浏览器,如果是,继续查看Javascript是否处于支持状态。 B.22 options数组 该数组是select对象的一个属性,即选择框中的所有选项(<OPTION>)的一个列表。 属性 defaultSelected 选项列表中的缺省选项 index 选项列表中某选项的索引位置 length 选项列表中的选项数(<OPTIONS>) name 选项列表的名字(NAME特性) sele
JavaScript对象与数组参考大全5(转)
sup() 把字符串中的文本变成上标(superscript)字体(<SUP>) toLowerCase() 把字符串中的文本变成小写 toUpperCase() 把字符串中的文本变成大写 B.28 submit对象 它是form对象的一个属性,窗体中的一个提交按钮(<INPUT TYPE=”SUBMIT”>)。 属性 name 对象的名字(NAME=特性) value VALUE=特性 方法 click 模拟鼠标单击按钮 事件处理程序 Onclick 点击 B.29 text对象 它是form对象的一个属性,宙体中的一个文本域(<INPUT TYPE=”TEXT”>)。 属性 defau
JavaScript对象与数组参考大全2(转)
links array 文档中link对象的一个数组,按照它们出现在文档中的顺序排列(该属性本身也是一个对象) location 当前显示文档的URL。用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象 referrer 包含链接的文档的URL,用户单击该链接可到达当前文档 title 文档的标题((TITLE>) vlinkColor 指向用户已观察过的文档的链接文本颜色,即<BODY>标记的VLINK特性 方法 clear
JavaScript对象与数组参考大全3(转)
border <IMG>标记的BORDER特性 complete 表示浏览器是否完整地加载了图像的一个布尔值 height HEIGHT特性 hspace HSPACE特性 lowsrc LOWSRC特性 src SRC特性 vsPace VSPACE特性 width WIDTH特性 事件处理程序 Onload 图象载入 Onerror 载入错误 Onabort 取消 B.16 images数组 它是document对象的一个属性,文档中所有图像的列表。 属性 length 文档内的图像个数 B.17 link 它是document对象的一个属性,文档内的一个<A HREF=>标记。 属性 hash
JavaScript对象与数组参考大全1(转)
本文列举了各种Javascript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。 顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。 B.1 anchor对象 使用<A NAME=>标记创建的HTML描点能被一个链
面向对象的JavaScript编程(转)
Javascript对于做过Web程序的人不应该是陌生,初期是用来做一些简单的验证,基本上是在玩弄一些技巧性的东西。IE 4.0引入了DHTML,同时为了对抗etscape的Javascript,提出了自己的脚本语言Jscript,除了遵循EMAC的标准之外,同时增加了许多扩展,如下要提到的OOP编程就是其中的一个,为了命且概念,我以下提到的Javascript都是Microsoft Iteret Explorer 4.0以上实现的Jscript,对于etscape,我没有做过太多的程序,所以一些的区别也就看出来。 Javascript不是一个支持面向对象的语言,更加算不上一个开发平台,但是Javascript提供
轻松实现删除确认(转)
开发web程序,删除确认是个很友好的功能,有一个简单的方法实现,只要在<head></head>之间加入如下javascript代码即可 <script language="Javascript">function delete_confirm(e) { if (event.srcElement.outerText=="删除") event.returnValue=confirm("您确认执行删除操作么?"); } document.onclick=delete_confirm;</script>[@more@]
装载页面进度条(转)
<title>loadpage</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- .unnamed1 { background-color: #000000} --> </style> </head> <body> <table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%"> <tr> <form name=loading> <td align=center> <p align="center">&nbs
编写 JScript 代码(转)
与其他许多编程语言一样, Microsoft Jscript 是用文本方式编写的,并被组织成为语句、由相关的语句集组成的块、以及注释。在一条语句内可以使用变量、比如字符串和数字(称为“文字”)的立即数、以及表达式。 语句 Jscript 程序是语句的集合。一条 Jscript 语句相当于英语中的一个完整句。Jscript 语句将表达式组合起来,完成一个任务。 一条语句由一个或多个表达式、关键字或者运算符(符号)组成。典型地,一条语句写一行,尽管一条语句可以超过两行或更多行。两条或更多条语句也可以写在同一行上,语句之间用分号“
巧用JavaScript记录网站访问次数(转)
我们知道Cookie是记录访问你站点的用户的信息,它驻留在用户的硬盘上,如果该用户再次返回你的站点,则该cookie就会被一起发回到你的服务器中,便于你统计和处理重复到访者的信息。在IE4和NS4两个浏览器中,都提供了对Coo kie的支持,并且允许我们用Javascript或者VBscript去操作它们。 为了简单了解一下Cookie读写的原理,请看以下例子。 写Cookie: < script > function setCookie() //建立设定Cookie的函数 { var the_visits = 1; //初始化VISIT,即访问次数为
使用JScript 的变量(转)
任何编程语言中,用一块数据量化一个概念。 How old are You? 在 Jscript 中,变量是给概念的名称;它代表了给出瞬间的值。当使用该变量时,实际是用的它所代表的数据。给出示例: NumberOfDaysLeft = EndDate ? TodaysDate; 机械的理解是使用变量来存储、得到并操作脚本中出现的所有的不同值。创建有意义的变量名称;便于别人理解脚本。 变量声明 变量在脚本中的第一次出现是在声明中。变量在第一次用到时就设置于内存中,便于后来在脚本中引用。使用变量之前先进行声明。可以使用 var 关键字来进行变量声
JScript 数据类型(转)
Jscript 有三种主要数据类型、两种复合数据类型和两种特殊数据类型。 主要(基本)数据类型是: 字符串 数值 布尔 复合(引用)数据类型是: 对象 数组 特殊数据类型是: Null Undefined 字符串数据类型 一个字符串值是排在一起的一串零或零以上的 Unicode 字符(字母、数字和标点符号)。字符串数据类型用来表示 Jscript 中的文本。脚本中可以包含字符串文字,这些字符串文字放在一对匹配的的单引号或双引号中。字符串中可以包含双引号,该双引号两边需加单引号,也可以包含单
JScript 运算符(转)
Jscript 具有全范围的运算符,包括算术、逻辑、位、赋值以及其他某些运算符。 算术运算符 描述 符号 负值 - 递增 ++ 递减 ? 乘法 * 除法 / 取模运算 % 加法 + 减法 - 逻辑运算符 描述 符号 逻辑非 ! 小于 < 大于 > 小于等于 <= 大于等于 >= 等于 == 不等于 != 逻辑与 && 逻辑或 || 条件(三元运算符) ?: 逗号 , 严格相等 === 非严格相等 !== 位运算符 描述 符号 按位取反 ~ 按位左移
高级表单验证-针对多次提交表单(转)
每个开发人员面对的困难是预测用户能够或是将要做什么--这对于网络开发人员来说就更为困 难,因为他的预测必须考虑到Web 的多样性和缺乏真正的session控制机制。如果你已经创建过一个使用表单的ASP应用程序,也许你已经遇到过一些奇怪的问题,如数据传输两次,接收数据不完整,或者用户报告表单显示不正确。尽管你也插入了确认数据所需的所有客户机端和服务器端的脚本,表单仍然会发生许多异常情况。这些异常情况与意外用户行为或浏览器书签的误使用有关。本文将集中解决一些容易引起表单问题的典型情况:用户意外地重复发送数据,在多步
怎么在网页制作拖拽的拼图效果(转)
细入Behaviors 的Drag Layer指令。 如何在网页中做一个拼图的效果? 其实要做到这点并不困难,只需要使用到Dreamweaver一个简单的指令。 步骤一:要找到一张完整,而且色彩鲜明的图片。这样便于他人识别。 步骤二:使用一些软件将他们均匀的分割,并将他们分别命名为*.jpg或*.gif图片。我推荐使用Friework或PhotoShop。 步骤三:进入Dreamweaver打开一个相应文件。 步骤四:单击对象工具栏中的层(Layer),在页面中脱拽一个层。 步骤五:把鼠标固定在层框中,同时点击工具拦中的图片插入按钮,插入一张你先前分割的一张图片。 步
用JS判断日期数字整数和特殊字符(转)
如何在用一个程序检测所输入的内容是否合法,以下是本人自己编写的一个程序对日期、数字、整数和特殊字符进行了判断同时还可判断是正数还是负数(对数值类和整数而言) < script language="javascript"> < !-- /** LogicalValue:用于判断对象的值是否符合条件,现已提供的选择有: integer:整型,还可判断正整型和负整型 number :数值型,同样可判断正负 date :日期型,可支持以自定义分隔符的日期格式,缺省是以´-´为分隔符 string :判断一个字符串包括或不包括某些字符 返回值: true或false 参
JavaScript制作会反弹的浮动图片(转)
现在网上流行会弹来弹去的浮动图片。想给自己的网页也加上一个吗?其实很简单,把下面这段代码加到网页的之间,然后,把图片换成你中意的就OK啦! 到这里下载示例代码 < div id="img" style="position:absolute;"> < a href="http://www.eschool.com.cn" target="_blank"> < img src="/Article/UploadPic/2005-7/20057504250720.gif" > < /a> < /div> < script LANGUAGE="Javascript"> < !-- Begin var xPos = 20; va
自定义右键菜单代码详解(转)
< style > < !-- /*定义菜单方框的样式1*/ .skin0 { position:absolute; text-align:left; width:200px; /*宽度,可以根据实际的菜单项目名称的长度进行适当地调整*/ border:2px solid black; background-color:menu; /*菜单的背景颜色方案,这里选择了系统默认的菜单颜色*/ font-family:Verdana; line-height:20px; cursor:default; visibility:hidden; /*初始时,设置为不可见*/ } /*定义菜单方框的样式2*/ .skin1 { cursor:default; font:menutext; position:absolute; text-align:left; font-family: Arial, Hel