网页类学习笔记 - 太平洋来的风

- + P A

- 关于创建树形菜单的一些代码[待验证]

网页类学习笔记 2007-8-9 23:36

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8">
<style type="text/css">
.blur1 { filter:blur(Add=true,Direction=134,Strength=10)}
.style1 {filter: blur(Add=true,Direction=134,Strength=10); font-size: 36px; }
</style>
</head>

<BODY>
<div style="filter:Blur(add=ture,direction=135,strength=100);">pppppppppp</Div>
<p style=filter:blur(add=ture,direction=135,strength=10)><font

size="+3">欢迎来在线！</font></p>
<table>
<tr>
<TD style="FILTER: blur(add=ture,direction=135,strength=10)"><B><FONT
size=+3>欢迎来在线</FONT></B></TD>
</tr>
</table>
<script lanauge=jscript>

var   treebase   =   {
rootnum                 :   0
};

        function   treeview(nodetxt,nodehref,nodetag){
            this.childNodes=[];
    this.txt=nodetxt;
    if(nodehref==null)
    this.href="";
    else

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 淘到社区中的宝

网页类学习笔记 2007-8-9 13:49

我们程序共享社区人也太少了吧.

不过还是淘到了宝哦.

现在比较忙,回头研究一下,转到asp显示记录集重复的时候使用.

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 网页中如何控制音乐

网页类学习笔记 2007-8-8 23:14

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 在网页中插入音乐</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language=jscript>

function runCode(obj) //定义一个运行代码的函数，

{
var code=obj.value;//即要运行的代码。
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能。
newwin.document.close();
//newwin.close();
}
</script>

</script>
</HEAD>

<BODY topmargin=0>
<bgsound id='bgsnd' src="" autostart=false >
<table border="1" width="100%" id="table1">
<tr>
<td>可以在网页中插入音乐播放器:</td>
<td><textarea cols="99" rows="11" name="em" tabindex="1">
<html>
<body>
<embed src="yssa.mp3" width=200 height=50 type=audio/mpeg loop="true" autostart="true"> </embed>
支持的音乐格式： wma、mp3、rm、ra、ram、asf，尽量选用可连接性高的音乐链接，保证音乐可以顺利播放； <br>
width和height表示播放器宽度和高度，可以灵活设置； <br>
autostart="true"

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 网页反序输出及其他

网页类学习笔记 2007-8-8 1:51

★反续排列

　　代码：在需要处加入

　
　　< bdo dir="rtl">反续列

　　特点：当你需要把一段话反起来排列时，你怎么办呢？反起来一个一个地输入吗？只要使用以上代码，即可实现。

★自动刷新

　　代码：在网页的和之间加入

　　< meta http-equiv="refresh"content="15;url=cesi.htm">

　　解释：如果你的主页有一个欢迎页面，你希望它在显示15秒后转入你的首页，你可以使用以上的代码，时间可改为你想要的时间。

★动态字幕

　　代码：在需要处加入

　　< marquee onmouseover=this.stop() onmouseout=this.start()>动态字幕</marquee>特点：当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了，运用以上代码即可实现。

　　延伸：动态字幕有一个属性“direction”，它是控制字幕滚动方向的，把“direction”的属性改为“up”，就可以实现向上滚动，同理当改为“down”时就向下滚动，那么“left”和“right”自然就是向左和向右了。

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- action 中的函数

网页类学习笔记 2007-8-8 1:39

- getUTCMilliseconds　获取UTC格式的当前毫秒数
　　　　- getUTCMinutes　获取UTC格式的当前分钟数
　　　　- getUTCMonth　获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb...)
　　　　- getUTCSeconds　获取UTC格式的当前秒数
　　　　- getYear　获取当前缩写年份(当前年份减去1900)
　　　　- new Date　新建日期时间对象
　　　　- setDate　设置当前日期(本月的几号)
　　　　- setFullYear　设置当前年份(四位数字)
　　　　- setHours　设置当前小时数(24小时制,0-23)
　　　　- setMilliseconds　设置当前毫秒数
　　　　- setMinutes　设置当前分钟数
　　　　- setMonth　设置当前月份(注意从0开始:0-Jan,1-Feb...)
　　　　- setSeconds　设置当前秒数
　　　　- setTime　设置UTC格式的从1970.1.1 0:00以来的秒数
　　　　- setUTCDate　设置UTC格式的当前日期(本月的几号)
　　　　- setUTCFullYear　设置UTC格式的当前年份(四位数字)
　　　　- setUTCHours　设置UTC格式的当前小时数(24小时制,0-23)
　　　　- setUTCMilliseconds　设置UTC格式的当前毫秒数
　　　　- setUTCMinutes　设置UTC格式的当前分钟数
　　　　- setUTCMonth　设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb...)
　　　　- setUTCSeconds　设置UTC格式的当前秒数
　　　　- setYear　设置当前缩写年份(当前年份减去1900)
　　　　- toString　将日期时间值转换成"日期/时间"形式的字符串值
　　　　- UTC　返回指定的UTC格式日期时间的固定时间值
　　　+ Key　键盘对象
　　　　- BACKSPACE　Backspace(<-)键
　　　　- CAPSLOCK　CapsLock键
　　　　- CONTROL　Ctrl键
　　　　- DELETEKEY　Delete(Del)键
　　　　- DOWN　方向下键
　　　　- END　End键
　　　　- ENTER　Enter(回车)键
　　　　- ESCAPE　Esc键
　　　　- getAscii　获取最后一个按下或松开的键的对应字符的Ascii码
　　　　- getCode　获取最后一个被按下的键的键盘扫描码
　　　　- HOME　Home键
　　　　- INSERT　Insert(Ins)键
　　　　- isDown　当指定键被按下时返回True值
　　　　- isToggled　当Caps lock或者Num Lock键被锁定时返回真（True）
　　　　- LEFT　方向左键
　　　　- PGDN　PageDown(PGDN)键
　　　　- PGUP　PageUp(PGUP)键
　　　　- RIGHT　方向右键
　　　　- SHIFT　Shift键
　　　　- SPACE　空格键
　　　　- TAB　Tab键
　　　　- UP　方向上键
　　　+ Math　数学函数对象
　　　　- abs　abs(n) 取n的绝对值
　　　

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- vbscript和javascript互相调用方法

网页类学习笔记 2007-8-7 21:17

vbscript和javascript互相调用方法（转载）
　　ASP具备管理不同语言脚本程序的能力，能够自动调用合适的脚本引擎以解释脚本代码和执行内置函数。ASP开发环境提供了两种脚本引擎，即VBScript（缺省）和JScript。不过，开发者并没有被限制于只能使用这两种语言，只要能够提供合适的ActiveX脚本引擎就能使用任何脚本语言。
　　脚本语言的选择往往基于许多不同原因：它可能是开发者最为熟悉的语言，可能是对给定工程来说能够提供最多特色支持的，也有可能是最具效率的。不同的环境和要求使得我们在选择脚本语言时注重不同的因素，同时也使得我们在某些时候面临选定的脚本语言不能直接提供其它语言固有的函数这一问题，或某个脚本已经写成但用的却是另外一种脚本语言。
　　此时应该怎么办？是否需要用当前所用的脚本语言重写这些脚本？或者说，是否有可能在一种脚本语言中调用其它脚本语言的内置函数？本文要说明的就是在ASP应用中如何让VBScript脚本和JScript脚本交互以最大限度地获得两种脚本语言的特色支持。
　　一、VBScript和JScript的内置函数
　　在VBScript和JScript中，有大量的内置函数功能是相同或类似的。然而，在一种脚本语言中内置的函数并非总是在另外一种脚本语言中也有对应的函数。例如，VBScript提供了许多用于操作字符串和格式化数据的函数，这些函数在JScript中并不存在。这些函数包括StrReverse()、Filter()以及FormatCurrency()等。在另一方面，JScript所提供的用于管理数组、字符串编码等的函数在VBScript中也没有定义，如join()、reverse()、pow()、位操作、escape()和unescape()等。
　　那么，如果在JScript程序中需要一个VBscript函数该怎么办呢?
　　二、异种脚本的互相调用
　　如果需要在JScript脚本中调用一个VBScript中内置的函数，则应该写一个VBScript用户定义函数（在这里调用VBScript内置函数），然后在JScript脚本中象调用公用JScript函数一样调用这个用户定义函数。
　　例如，如果要调用的VBSCript内置函数是FormatCurrency()，则可以声明如下自定义函数：
　　<SCRIPT LANGUAGE="VBSCRIPT" RUNAT="SERVER">
　　Function Formatvalue(value)
　　　　Formatvalue = FormatCurrency(value)
　　End Function
　　</SCRIPT>
　　接下来在JScript代码中就可以象普通JScript函数一样调用Formatvalue()了。用类似的方法也可以实现VBScript代码调用JScript函数。
　　应用同样的规则，我们可以在任何脚本内调用任何用户定义函数。不过，从JScript脚本内调用一个不带参数的VBScript过程（Sub）时应略加注意，此时在JS

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- BUtton STyle

网页类学习笔记 2007-8-6 12:28

style="BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid;CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid"

.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn2 {padding: 2 4 0
4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDI

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 运行代码

网页类学习笔记 2007-8-1 15:11

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 本文列举了各种JavaScript对象与数组

网页类学习笔记 2007-7-29 12:33

本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级文本Object Hierarchy页面(http://www.netscapepress.com/support/javascript/10-9.htm),以便了解这些对象之间是如何相互关联的。
　　顺便提一下,记住,这里把所有作为另一对象的子对象的对象看作该对象的属性请参见第十章中与此相关的注解。

　　B.1 anchor对象
　　使用<A NAME=>标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。
　　anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。

　　B.2 anchors数组
　　anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。
　　属性
　　length 文档内的锚点个数

　　B.3 array对象
　　array对象是Netscape Navlgator 3.0 beta 3中引入的一个新的对象,因而,它不能在Netscape 2.0中使用它是一个内置对象,而不是其它对象的属性。
　　属性
　length 数组中的值个数

　　B.4 button对象
　　它是form对象的一个属性,使用<INPUT TYPE="BUTTON">标记来创建。
　　属性
　　name HTML标记中的NAME=特性
　　value HTML标记中的VALUE=特性
　　方法
　　click 模拟鼠标单击一按钮
　　事件处理程序
　　Onclick

　　B.5 checkbox 对象
　　它是form对象的一个属性,使用<INPUT TYPE="CHECKBOX">标记来创建。
　　属性
　　checked 复选框的选择状态
　　defaultChecked 标记的CHECKED=特性
　　name 标记的NAME=特性
　　value 标记的VALUE=特性
　　方法
　　click 模拟鼠标单击按钮
　　事件处理程序
　　onclick

　　B.6 Date对象
　　它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
　方法
　　getDate() 查看Date对象并返回日期
　　getDay() 返回星期几
　　getHours() 返回小时数
　　getMinutes() 返回分钟数
　　getMonth() 返回月份值
　　getSeconds() 返回秒数
　　getTime() 返回完整的时间
　　getTimezoneoffset() 返回时区偏差值(格林威治平均时间与运行脚本的计算机所处时区设置之间相差的小时数)
　　getYear() 返回年份
　　parse() 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数(Date对象按照毫秒数的形式存储从

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- vbscript

网页类学习笔记 2007-7-29 12:29

1.函数array()　
功能:创建一个数组变量　
格式:array(list)　
参数:list　为数组变量中的每个数值列,中间用逗号间隔　
例子:　
<%　i　=　array　(“1”,”2”,”3”)　%>　
结果:　i　被赋予为数组　
2.函数Cint()　
功能:将一表达式/其它类型的变量转换成整数类型(int)　
格式:Cint(expression)　
参数:expression　是任何有效的表达式/其它类型的变量　
例子:　
<%　
f　=　”234”　
response.write　cINT(f)　+　2　
%>　
结果:　236　
函数Cint()将字符”234”转换　成整数234.如果表达式为空,　或者无效时,返回值为0;　
3.函数:Creatobject()　
功能:创建及返回一个ActiveX对象.　
格式:Creatobject(obname)　
参数bname　是对象的名称　
例子:　
<%　
Set　con　=　Server.CreateObject(“ADODB.Connection”)　
%>　
结果:　
4.函数Cstr()　
功能:将一表达式/其它类型的变量转换成字符类型(string)　
格式:Cstr(expression)　
参数:expression是任何有效的表达式/其它类型的变量　
例子:　
<%　
s　=　3　+　2　
response.write　”The　result　is:　”　&　cStr(s)　
%>　
结果:函数Cstr()将整数　5　转换　成字符”5”.　
5.函数Date()　
功能:返回当前系统(server端)的日期　
格式:　Date()　
参数:无　
例子<%　date　()　%>　
结果:05/10/00　
6.函数Dateadd()　
功能:计算某个指定的时间和　
格式:　dateadd(timeinterval,number,date)　
参数:timeinterval是时间单位(月,日..);　number是时间间隔值,date是时间始点.　
例子:　
<%　
currentDate　=　#8/4/99#　
newDate　=　DateAdd(“m”,3,cur

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 简单制作的一个进度条,很不错.

网页类学习笔记 2007-7-28 12:50

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="1" rowspan="2"></td>
        <td width="1" height="1"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td width="1"></td>
        <td width="1" rowspan="2"></td>
    </tr>
    <tr>
        <td width="1" height="1" bgcolor="#cccccc"></td>
        <td height="1"></td>
        <td width="1" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td width="1" bgcolor="#cccccc"></td>
        <td width="1" height="1"></td>
        <td width="120 height="0"><marqueen direction="right" scrollamount="10"><table style="font-size:1px;width:50px;height:10px;"><tr><td bgcolor="#e5fee5"></td><td bgcolor="#caf7ca"></td><td bgcolor=&q

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- innerText和innerHTML的区别

网页类学习笔记 2007-7-28 12:45

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 补充问题与一个例子

网页类学习笔记 2007-7-28 12:44

A1：二者主要的区别在哪里呢？
　　id你只能用来定义单一元素，定义二个以后。页面不会出现什么问题，但是W3检测的时候认为你页面不符合标准；class是类，同一个class可以定义多个元素。就页面效果而言，两个东西的视觉效果几乎无差别。

A2：id 选择符为什么要少用，它有有什么局限性？
　　单一使用的样式用id，需要程序、js动态控制的样式用id，id在页面只能使用一次！提供少用id，因为id可能和页面嵌的程序冲突（比如名称相同等）！

A3：我该在什么时候使用ID，什么时候使用class？
　　单一的元素，或需要程序、JS控制的东西，需要用id定义；重复使用的元素、类别，用class定义。

<html>
<head>
<script language=jscript>
function ok()
{
aa.innerText='Click Me';
}

</script>
</head>
<body>
<div id="aa" style="left:20;top:20;right:30;" onclick="alert(aa.innerText);ok();">aaaaaaaaaaaaa</div>
<div id="test" >
<span style="color:red">test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">innnerText内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- CLass 与 ID , ID 与 Name 之我见

网页类学习笔记 2007-7-28 12:38

本人对网页中经常使用的 CLASS ID NAME 进行一个小小的阐述.

先引用一个文本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="gb2312" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<style type="text/css" media=screen>
/*用id定义的，需要定义5个*/
#menu{
       margin: 0;
       padding: 0;
       width: 120px;
   }
#menu ul {
          margin: 0
       }
#menu li {
          display: block;   /*另起一行*/
          padding: 4px
       margin: 0
          line-height: 20px; /*表格内行高*/
          font-size: 12px;
       width: 100px;
          text-align: center;
          margin-left: auto; /*设置对象四边的外延边距*/
          float: left; /*浮动在页面左边*/
          }
#menu li a {
            width:100%;

标签集:TAGS:CLASS ID NAME

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 主要介绍用Excel做数据库并使用ASP编程对其进行操作

网页类学习笔记 2007-5-25 20:7

主要介绍用Excel做数据库并使用ASP编程对其进行操作

一、问题的提出
在ASP编程中会遇到很多大大小小的难题，我有一次为一家书店设计网站的时候就遇到了一个这样的难题。起初使用Access做数据库，该数据库主要是为了保存书店内图书的信息，但是当记录的条目过多时数据库的体积将会变得很大。在实际的应用中，

标签集:TAGS:

我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

7 6 5 4 3 2 1

在网上搜索用innerText可以取得，于是就找了一下innerText和innerHTML的区别，下面贴出一个在网上找到的代码来说明一下：

输出字符串
<html>
<head><title>test</title>
<script language="javascript">
function show1(){
document.all.test.innerText="<font color=blue>test</font>";
}
function show2(){
document.all.test.innerHTML="<font color=blue>test</font>";
}
</script>
</head>
<body>
<table><tr><td id=test><font color=red>innerText</font></td>
</tr></table>
<a href="javascript:show1();">testinnerText</a>
<a href="javascript:show2();">testinnerHTML</a>
</body>
</html>

那如何得到这个字符串呢？可以使用脚本来得到：
<script language="javascript">
     function show()
         {
             document.all.test.innerText=window.event.srcElement.innerText;
         }
</script>