dreamwearver php,dreamwearver使用技巧集锦

使用技巧集锦"/>

dreamwearver php,dreamwearver使用技巧集锦

选择菜单Insert→Interactive Images→Flash Button就可看到有哪些内嵌按钮。在弹出的对话框里，你可以在“Style”列表里选择自己想要的按钮样式，在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后，在“Button Text”窗口输入按钮上面的文字，在“Font”窗口选择字体，在“Size”窗口输入文字的大小，在“Link”窗口输入链接的目标，在“Target”窗口选择链接打开的方式，在“BgColor”选择按钮背景颜色，在“Save As”窗口输入保存的文件名。完成这些后，按下“OK”按钮，你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中，然后在Dreamweaver编辑窗口选中你刚才制作的按钮，属性窗口就会显示出这个按钮的属性，单击上面的“Play”按钮，你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是Dreamweaver 4.0的这个功能不支持中文字体。

2. 制作背景音乐

在Dreamweaver中插入背景音乐是非常容易实现的，这里介绍两种方法，供大家选择。

(1)在页面不显眼的地方插入一空层，并在层内放入一个ActivX对象，双击该对象，在打开的对话框中选择一个MIDI、WAV等音乐文件，然后在层对象属性面板中设定其可视性为“Hidden”，保存变动后按F12预览网页，听听是否有音乐声。

(2)另一种方法是利用Dreamweaver的“Behaviors”行为编辑器，单击“＋”按钮，选择其中“Play Sound”选项，在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧！

注意：要注意属性窗口中音乐文件的路径是否正确，有时会出现路径中有错误字符，如路径file:///C|/WINDOWS/MEDIA/Chimes.wav中的字符“|”是错误的，应改为：“：”。

3. 让背景图象不滚动

在Dreamweaver中插入的背景图是会随文字一起滚动。有的时候我们需要制作固定的背景图，怎么办呢？先定义一张背景图，按“F10”打开HTML源文件，找到定义背景图的语句，例如background=″images/background.JPG″，在它的后面空一格加上一句bgproperties=″fixed″。按F12预览一下，看看它还滚动吗!

4. 定义大小不变的文字

在上网时，经常看到别人网页上的文字那么漂亮，不管你怎么设置浏览器字体的大小，它们的字体尺寸都不会发生变化。是不是觉得人家的水平太高了，自己有点自卑感呢？其实他们使用了网页中的“CSS”样式表技术，在Dreamweaver中要实现这一功能是非常简单的。首先按“F7”或者选择“窗口”菜单中的“样式表”选项打开样式表编辑器，在窗口中单击鼠标右键选择“新建”，在弹出的对话框中输入需要定义的样式表名称，按“确定”，然后在列表中选择第一项“类型”，并给具体的文字属性定义参数(一般来说文字的大小在800×600的屏幕中选择10.5较为适宜)，按“确定”后，定义好的样式表就出现了。选择网页编辑窗中的文本，单击新的样式表名，可以看到选中的文本发生的变化。预览一下，试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

4. 改变状态栏提示文字

一般情况下，当浏览器装入一个页面时，在其状态栏上显示的是该页面的地址名称，显得十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢？如果你有这种远望的话，那么请按照以下的步骤，我们一起来实现它吧！首先打开“Behaviors”行为编辑窗，单击“＋”按钮，选择“Set Text Set”下的“Text Of Status Bar”选项，然后在方框中输入自己的文字，例如“欢迎来到我的主页”等，单击“确定”即可。

5. 给文字施加行为(Behavior)，制作动态文字特效

在Dreamweaver中普通的文字是以字符为单位的，不能作为对象，即一些非常有用的JavaScript事件不能赋予文字。因为文字不像图片和其他控件有具体的“标记”，所以文字与很多特效失之交臂。为了给文字添加特效，只有把文字做成超链接来处理。这样文字就成为了对象，可以施加行为了。但是这样又带来了一些不需要的超链接属性，比如下划线，以及hover、visited等颜色变化。要想单纯为文字添加特效，可以先把所想设置的文字做成超链接，然后再在它的上面添加行为，最后我们再把超链接转变为普通文字。具体的步骤如下：

选中你想编辑的文字，在链接目标框里随便填入几个字符。选中这个链接，单击窗口(Windows)→行为(Behaviors)，弹出行为面板。按下“+”添加你想要的行为，如play sound等。打开Dreamweaver的超文本编辑器，找到这个链接，把改为，把改为。最后把“href=...”删掉。保存此页。按F12预览一下。效果还不错吧！

6. 制作鼠标移上去后有变化的动态菜单

所谓动态菜单其实是两幅图，一幅是鼠标不放在上面所显示的，另一副是鼠标移上去所显示的。我们可以利用Dreamweaver提供的行为之中的swap image来实现这个效果。首先插入一副图片，用鼠标单击它，在属性面版的连接栏内输入要连接的网页。然后打开行为面板，点击“+”号，选择swap image。接着出现一个窗口，要你选择鼠标移上去后所显示的图片，在此选择第二副图片，点击“确定”。够简单的吧!

7. 用Dreamweaver制作出一个类似于下拉菜单的效果

制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是：在页面中插入一个单行多列的表格，作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层，在层中输入第一个下拉菜单的内容，并把这个层移动到表格第一列的下面。同理，对其他菜单项也作如上的操作，插入相应的层。把所有层的显示属性改为隐藏(Hidden)。选择表格的第一个单元，单击窗口(Windows)→行为(Behaviors)，弹出行为面板。按下“+”添加行为Show-Hide layers，并将第一个层(Layer1)属性改为显示(Show)，其他层的属性改为隐藏(Hide)。接着在行为面板中编辑这个行为，将它的触发事件(events)改为onMouseover。这样，当鼠标移动到第一个表格单元之上时，第一个下拉菜单就会显示出来。接着再添加一个行为Show-Hide layers，并将所有层的属性改为隐藏。接着在行为面板中编辑这个行为，将它的触发事件(events)改为onMouseout。这样当鼠标从第一个表格单元之上移开时，第一个下拉菜单就会隐藏起来。对其他的菜单项重复上述操作。但要注意设置“菜单二”时，第二层显示，其他层隐藏；设置“菜单三”时，第三层显示，其他层隐藏；依此类推下去。好了，按F12看看效果吧。

8. 实现定义的超级链接文字颜色

文字超级链接的颜色(包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等)可以用层叠样式表来(CSS)定义，下面就介绍如何能随心所欲地设置文字链接的颜色。

(1)超级链接的默认颜色是：未被访问的超级链接是蓝色、被访问过的超级链接是紫色；

(2)要想使CSS定义的颜色起作用，在超级链接的文本的颜色属性中什么都不要填；

(3)若你已定义了文本的颜色，发现CSS中定义的超级链接颜色不起作用，你可以取消文本的颜色定义，或取消超级链接再重新定义一次，CSS定义的颜色就起作用了；

(4)超级链接上各种状态下文本颜色的关系：一旦定义了被访问过的链接的颜色(A: visited)，则当链接被访问过后，该链接的颜色不再改变，即定义鼠标在超级链接上的颜色(a: hover)将不起作用了。若不定义被访问过的链接的颜色(A: visited)，则当鼠标在超级链接上显示a: hover 中定义的颜色，当鼠标移开时显示a 中定义的颜色。

9. 实现网页每过五分钟自动刷新一次

在Dreamweaver的功能面板上选择“head”功能组面板，在这面板上点击“Refresh”功能图标，在弹出的“Insert refresh”对话框中，在“Delay”中输入要刷新的间隔时间，以秒计，例：隔五分钟刷新一次，则输入300即可。再在该对话框上选择“Refresh This Document”(刷新当前窗口)，按OK，大功告成。当你再次浏览该网页时，它将自动地隔五分钟刷新一次。

10. 在Dreamweaver中将图设为透明alpha设置

css

.pic{filter:alpha(opacity=50)}

11. 在Dreamweaver中使插入的FLASH透明

选中插入的swf文件，打开原代码窗口，在前输入

12. 在Dreamweaver中输入上下角标

如果只是要上下角标的话，可以用和。手工加进去就可以了。

13.在网页中加入自动更新时间功能

我们知道一个网页要想获得更多的回头率，很重要的一条就是要不断更新。但对于我们这些个人网页来说，要天天及时更新恐怕不是很容易的事情。因此，我们希望网页能自动更新，下面我们就提供一个能自动更新修改时间的源代码，我们只要把这段源代码添加到

…之间就能实现更新时间的目的了：

14. 定义网页的关键字

为了使自己的网页在搜索引擎中能很容易地被检索到，准确定义网页中的关键字是一项很重要的工作。在Dreamweaver中，我们可以用两种方法来定义网页中的关键字：一是在源代码中的

与标签中，添加如下代码：，其中content中的内容即为关键字，为了提高检索的命中率，我们可以重复多次使用同一个关键字，中间用逗号隔开；另外一种方法是在Dreamweaver中用鼠标依次单击菜单 Insert/Head/KeyWords命令，在弹出的对话框中输入希望被检索的关键字就可以了。

15. 让网页定时载入另一个网页内容

在源代码中的

…加入如下代码：

< meta http-equiv=“refresh”content=“30;URL=/”>

一、隐藏不必要的标签

当用户在网页中插入了不可见的元素时，Dreamweaver 4.0会自动在页面上添加一个与之相应的元素标签，以便于用户选择不可见元素。但这并不全是件好事，比如你在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍你的工作。所以当你觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按“ctrl＋u”打开“preferences”面板，在“category”中选中“invisibel elements”，在面板的右边将会出现所有的元素标签。只要将讨你厌的元素标签前的勾去掉，以后它就保证不会再出现了。

二、调用“style”而不致使网页原代码混乱不堪

调用“style”的方法很多，你可以单击右键选择“custon style”来调用“style”规范，也可以在状态栏中的元素列表上单击右键来调用“style”。虽然不同的方法达到的效果看似一样，但实际上产生的html代码则完全不同。比如用“custonstyle”来调用“style”规范，在网页代码中就生成一个标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我建议尽量使用状态栏中的元素列表来调用“style”。还有一个小技巧，如果你要使用一个“style”定义某表格单元中的所有文字，只要在

标签中调用“style”就行了，而不需要在一个个定义

标签。注意这个方法不使用与

1、Dreamweaver中的复制

我在网页中复制的文字，粘贴到Dreamweaver中时，它总是带有原来网页的格式，请问如何只复制其中的文本文字呢？

答：在Dreamweaver中复制和粘贴文本有两种，一是标准的方式，也就是你使用的那种方式；另一种就是仅复制粘贴文本，它忽视了HTML格式，只复制文本，方法是在复制和粘贴时多按一个“Shift”键。

2、如何制作替换图片的链接

有的网页图片链接很特别，鼠标放上去时它就会发生变化，变成另外的图片，请问如何制作？

答：这个就是替换图片链接，没有单击时是一张图片，当把鼠标移动到图片上的时候变成了另一张图片，利用Dreamweaver能方便地制作这种替换链接。预备两张大小一样的图片，先在网页上放一张图片，然后在“图片属性”对话框中的Link中设置图片指向的链接，按“F8”键开启“Behaviors”对话框，单击“+”号，选择“Swap Image”开启“Swap Image”设置视窗，点选“Browse”设置需要替换的图片，单击“OK”。

3、如何设置页面的访问口令

在设计网站时，有的页面不能让所有人都浏览，我想在该页设置访问密码，请问任何制作？

答：在〈head〉〈/head〉部分加入：

〈script language=

"JavaScript"〉〈!--

var pd=""

var rpd="mima"

pd=prompt("请您输入密码:","")

if(pd!=rpd){

alert("您的密码不正确...")

history.back()

}else{

alert("您的密码正确!")

window.location.href="1.htm"

}

// --〉〈/script〉

说明：

其中“mima”是正确的密码，“1.htm”是当输入正确密码后链接的页面。这种方法不太安全，浏览者只要查看了页面源代码就能知道设置的密码。最好还是使用ASP、PUP等实现比较好。

4、Dreamweaver插件的安装

我在网上下载了许多Dreamweaver插件，如何使用它们呢？

答：Dreamweaver 3以上版本都具有插件管理器Extension Manager，它可以实现插件的全自动管理，你可以到www.macromedia/下载得到。安装后，就可以从Dreamweaver中启动管理器。具体方法是选择“Command/Manage Extensions……”命令启动管理器

1、在Dreamweaver编辑窗口中，点击菜单命令“Window/Css Styles”打开样式浮动面板，在浮动面板中点击右键菜单中的“New Style”选项或者点击右下角带“+”的按钮，打开新增样式对话框(如图1)，在“Name”栏中输入新增特效名称，并选择Type的第一个选项：“Make custom style”，然后点击“OK”按钮，并在出现的保存对话框中输入文件名保存样式文件。

图1 填上特效名称

2、在随即出现的样式定义设置对话框中，选择Category列表框中的最后一项“Extensions”选项(如图2)，打开扩展窗口参数设置窗口，其中“Page Break”选项用于设置样式应用前后的位置，可以不予设置，而“Visual Effect”下的“Cursor”则用于自定义鼠标指针形状，“Filter”用于选择效果的类型，共有16个选项。用户选择好效果类型以后，将其中有问号的地方改成自己希望的参数，点击“OK”即完成样式的定义。

图2 选择设置参数

3、击菜单“Insert/Image”打开图片，选择对话框插入希望应用特效的图像，然后在编辑窗口中选中该图像，并点击样式浮动面板中刚才创建的样式，按下“F12”键，在浏览器中即可看到特效显示的最终效果。如图3即为Filter类型为“Wave”，参数为：“Add=1，Freq=6，LightStrength=20，Phase=8，Strength=15”的样式在图片上应用以后的效果对比。

图3 最终效果

4、如果用户应用后对效果不很满意的话，可以在样式浮动面板中点击快捷菜单中“Edit”选项，重新打开样式定义窗口进行参数设置，直到满意为止。

CSS基础

CSS是Cascading Style Sheets(层叠样式表)的缩写，是对web文档添加样式的简单机制，属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句：

p {COLOR:#FF0000;BACKGROUND:#FFFFFF}

其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；

样式声明写在一对大括号"{}"中；

COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；

"#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值

颜色值可以用RGB值写，例如：color : #ff0000，也可以用十六进制写，就象上面例子color:#FF0000。

如果十六进制值是成对重复的可以简写，效果一样。例如:#FF0000可以写成#F00。

但如果不重复如#FC1A1B就必须写满六位。

3.定义字体

web标准推荐如下字体定义方法：

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }

字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。

没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推，；

Lucida Grande字体适合Mac OS X；

Verdana字体适合所有的Windows系统；

Lucida适合UNIX用户

"宋体"适合中文简体用户;

如果所列出的字体都不能用，则默认的sans-serif字体能保证调用;

4.群选择器

当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔：

p, td, li { font-size : 12px ; }

5.派生选择器

可以使用派生选择器给一个元素里的子元素定义样式，例如这样：

li strong { font-style : italic; font-weight : normal；}

就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器

用CSS布局主要用层"div"来实现，而div的样式通过"id选择器"来定义。例如我们首先定义一

个层

然后在样式表里这样定义：

#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}

其中"menubar"是你自己定义的id名称。注意在前面加"#"号。

id选择器也同样支持派生，例如：

#menubar p { text-align : right; margin-top : 10px; }

这个方法主要用来定义层和那些比较复杂，有多个派生的元素。

7.类别选择器

在CSS里用一个点开头表示类别选择器定义，例如：

.14px {color : #f60 ;font-size:14px ;}

在页面中，用class="类别名"的方法调用：

14px大小的字体

这个方法比较简单灵活，可以随时根据页面需要新建和删除。

8.定义链接的样式

CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a : active，

例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}

a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}

a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}

a:active {font-weight : bold ;text-decoration : none ;color : #90 ;}

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。

注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

至于如何使在同一页面的链接不同，就需要设置CSS的另一种风格：

.a1:link { COLOR: #ff0000; TEXT-DECORATION: underline }

.a1:hover { COLOR: #ff0000; TEXT-DECORATION: underline }

.a1:visited { COLOR: #000000; TEXT-DECORATION: none }

.a1:active { COLOR: #0000ff; TEXT-DECORATION: none }

然后在HTML代码中加入：

Netscape日志

Netscape日志

就会出现两种连接效果了。

...语法小全。

基本语法：

...

啦啦啦，我会移动耶！

啦啦啦，我会移动耶！

文字移动属性的设置

方向 #=left, right

啦啦啦，我从右向左移！

啦啦啦，我从左向右移！

啦啦啦，我从右向左移！

啦啦啦，我从左向右移！

方式 #=scroll, slide, alternate

啦啦啦，我一圈一圈绕着走！

啦啦啦，我只走一次就歇了！

啦啦啦，我来回走耶！

啦啦啦，我一圈一圈绕着走！

啦啦啦，我只走一次就歇了！

啦啦啦，我来回走耶！

循环 #=次数；若未指定则循环不止(infinite)

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

速度

啦啦啦，我走得好快哟！

啦啦啦，我走得好快哟！

延时

啦啦啦，我走一步，停一停！

啦啦啦，我走一步，停一停！

外观(Layout)设置

对齐方式(Align) #=top, middle, bottom

啦啦啦，我会移动耶！

对齐上沿、中间、下沿。

啦啦啦，我会移动耶！对齐上沿。

啦啦啦，我会移动耶！对齐中间。

啦啦啦，我会移动耶！对齐下沿。

底色

#=rrggbb 16 进制数码，或者是下列预定义色彩：

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

啦啦啦，我会移动耶！

啦啦啦，我会移动耶！

面积

啦啦啦，我会移动耶！

啦啦啦，我会移动耶！

空白(Margins)

********************************************

嗨,

啦啦啦，我会移动耶！

大家好！

********************************************

********************************************

嗨, 啦啦啦，我会移动耶！大家好！

********************************************

posted on 2005-03-01 16:54 Netscape

Dreamweaver轻松打造弹出窗口

来源：   作者：

轻松打造弹出窗口

“如何制作弹出式窗口？”，这是Dreamweaver初学者经常会问的问题。找个提供特效的网站，或是Down个特效工具粘贴一下代码不就得了！还不容易。其实更容易的方法是使用我们最常用的Dreamweaver。一般的弹出式窗口，简单地点几下就可以完成。不信？来看看！只要按以下几步操作，你就能轻松地做出弹出窗口效果。

1. 首先，从菜单栏中Window->Behaviors (窗口->行为)或直接按快捷键Shift+F3调出行为面板。

2. 如图所示，按行为面板左上角的“+”号添加行为，在弹出的菜单中选择“Open Browser Window(弹出浏览器窗口)”行为。

3. 选择了行为以后，就会弹出Open Browser Window对话框，如图所示。只要在对话框中填入相应的窗口信息，按“确定”后就可以完成对弹出窗口的定制了。其中

“URL to Display”：为你想要在新窗口中显示网页的地址，你可以直接输入地址，也可以按“Browse”按钮指定。

“Window Width”与“Window Height”：分别为新窗口的宽和高，单位为px。

“Attributes”：为窗口的特性。“Navigation Toolbar”、“Menu Bar”、“Location Toolbar”、“Scrollbars as Needed”、“Status Bar”、“Resize Handles”分别代表工具栏、菜单栏、定位工具栏、滚动条以及更改大小手柄。选上相应位置前的对勾，就代表新窗口中具有相应的特性。

“Window Name”：为目标窗口的名字。可以随便起一个，也可以指定框架组内某一窗口的名字。在制作弹出窗口时，名字随便起一个就可以了。

完成了上面几步之后，行为面板将会变成下面这个样子，表示载入页面(onLoad)的同时，打开一个新的浏览窗口。

实际上，在行为面板中添加行为的过程，就是Dreamweaver生成Javascript代码的过程。上面的几步中，生成了下列代码。在下面以粗体显示，“” 之间的为该部分代码的注释：

无标题文档

弹出窗口效果

你可以这样理解上面的代码：当onLoad事件激发时(即当图象或页面结束载入时)，调用MM_openBrWindow()方法，并将值“‘yourpage.htm‘, ‘winname‘, ‘toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200‘”(这里称为实参)传入对应的形参――“theURL,winName,features”，供window.open()使用。注意，三个参数都要用单引号括起来。在这些代码中，最关键的一句是：“window.open(theURL,winName,features)”。它的意思是在名为winName的窗口中，按 features的规定的特性打开 theURL地址上的页面。

理解了代码的意思后，我们可以知道代码可以直接这样写：在

内加入onLoad="window.open(‘yourpage.htm‘, ‘winname‘,‘toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200‘)"一句。这种写法与Dreamweaver自动生成代码的效果无异。

我们已经知道window.open()内三个参数的意思――第一个为所要显示页的地址，第二个为目标窗口的名称，第三个则为窗口的外观特性的描述。第一、二个参数就不多讲了，我们讲一下第三个参数。对于第三个参数，我们可以这样写“‘toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width=300, height=200,left=100, top=100‘”在这里toolbar代表工具栏，location代表地址栏,directories代表导航条，status为状态栏，menubar为菜单栏，scrollbars为滚动条，resizable为更改大小手柄，而 width、height分别表示窗口的宽和高，left、top则表示窗口弹出的位置。toolbar, location, directories, status, menubar, scrollbars, resizable的值可设为yes、no、1或0，yes(1)表示新窗口具有该特性，no(0)则否。而width、height、left、top的值则应以数字填入，单位为px。

讲了这么多，你理解了吗？在Dreamweaver中添加行为，制作弹出窗口是不是很简单啊？手写代码也不是很难嘛！只要你再稍加实践，在很短的时间内，你就会感觉到：原来做弹出窗口，是这么简单的！

1、最基本的弹出窗口代码

因为这是一段javascripts代码，所以它们应该放在之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

window.open (‘page.html‘) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，

和之间可以，间也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

回到本文开始

2、定制弹出窗口的外观、尺寸大小、弹出的位置

参数解释：

window.open 弹出新窗口的命令；

‘page.html‘ 弹出窗口的文件名；

‘newwindow‘ 弹出窗口的名字(不是文件名)，非必须，可用空‘‘代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 不显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 不允许改变窗口大小，yes为允许；

location=no 不显示地址栏，yes为允许；

status=no 不显示状态栏内的信息(通常是文件已经打开)，yes为允许；

js脚本结束

回到本文开始

3、用函数控制弹出窗口　下面是一个完整的代码。

...任意的页面内容...

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？

方法一：

浏览器读页面时弹出窗口；

方法二：

浏览器离开页面时弹出窗口；

方法三：用一个连接调用：打开一个窗口 。注意：“#”是虚连接。

方法四：用一个按钮调用：

回到本文开始

4、同时弹出2个窗口

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。

回到本文开始

5、主窗口打开文件1.htm，同时弹出小窗口page.html

如下代码加入主窗口

区：

在

区加入： open即可。

回到本文开始

6、弹出的窗口之定时关闭控制

将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中)，让它10秒后自动关闭。

首先，将如下代码加入page.html文件的

区：

function closeit() {

setTimeout("self.close()",10000) //毫秒

}

然后，再用

这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

回到本文开始

7、在弹出窗口中加上一个关闭按钮

回到本文开始

8、内包含的弹出窗口 --- 将弹出窗口的内容写在主页面中，省去page.html文件。

function openwin()

{

OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

//写成一行

OpenWindow.document.write("

例子")

OpenWindow.document.write("

")

OpenWindow.document.write("

Hello!

")

OpenWindow.document.write("New window opened!")

OpenWindow.document.write("")

OpenWindow.document.write("")

OpenWindow.document.close()

}

打开一个窗口

看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

回到本文开始

9、弹出的窗口之Cookie控制

上面的弹出窗口有一点小毛病，比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？如何解决呢？

首先，将如下代码加入主页面HTML的

区：

function openwin(){

window.open("page.html","","width=200,height=200")

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie(‘popped‘)==‘‘){

openwin()

document.cookie="popped=yes"

}

}

然后，用

(注意不是openwin而是loadpop)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！

需要注意的是，JS脚本中的的大小写最好前后保持一致。

`````````````````````````````````````````````````````````````````

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

【分享】网页制作技巧集锦~ (不断添加中……)

◇如何在网页中加入单个或几个空格？

◆在源代码中输入 ，每个 之间请用空格分开。

◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符，然后将其色彩设成背景的色彩！

◇如何在网页中加入书签，在页面内任意跳转？

◆在源代码中需要插入书签的地方输入<a name="top"></a>，在调用的地方输入<a href="#top">Top</a>，其中的top是你设定的书签名字。

◆在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签，调用时，在Link中输入#top，top为书签名。

◇如何在网页中加入书签，在多个页面之间任意跳转？

◆方法与上面类似，不过做链接时要在书签名前加上网页文件名，如：other.htm#top，这样一来就会跳转到other.htm页面中的top书签处。

◇将网页加入收藏夹？

◆请使用如下代码：(注意标点符号)

< a href=# οnclick="window.external.addFavorite([url][/url],【梦想天空】qiangwei.126 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……)" target="_top">将本站加入收藏夹< /a>

◇如何去掉链接的下划线？

◆在源代码中的<HEAD>…</HEAD>之间输入如下代码：

<style type="text/css"> <!--

a { text-decoration: none}

--> < /style>

◆在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择a，然后在decoration中选中none

◇如何将网页定时关闭？

◆在源代码中的<BODY>后面加入如下代码：

< script LANGUAGE="javascript"> <!--

setTimeout(window.close();, 60000);

--> < /script>

在代码中的60000表示1分钟，它是以毫秒为单位的。

◇如何设置命令来关闭打开的窗口？

◆在源代码中加入如下代码：

< a href="/" οnclick="javascript:window.close(); return false;">关闭窗口< /a>

◇如何制作电子邮件表单？

◆在<FORM>中输入Action="[email]youremail@XXX.XXX[/email]" ，提交采用POST方法。

◇如何自动加入最后修改日期？

◆在源代码中的<BODY>…< /BODY>之间加入如下代码：

< Script Language="javascript"><!--

document.write("Last Updated:"+document.lastModified);

-->< /Script>

◇如何在网页中加入EMAIL链接并显示预定的主题？

◆代码：< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a>

◇如何让背景图象不滚动？

◆代码：<BODY Background="bg.gif" Bgproperties="fixed" >

◆在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body，然后在Background中的Attachment里选fixed

◇如何避免别人将你的网页放入他的框架(FRAME)中？

◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码：

<script language="javascript"><!--

if (self!=top){top.location=self.location;}

-->< /script>

◇如何在网页中加入注释？

◆代码：< !-- 这是注释 -->

◇如何定义网页的关键字(KeyWords)？

◆格式如下：

< meta name="keywords" content="dreamweaver,flash,fireworks">

content中的即为关键字，用逗号隔开

◆在Dreamweaver中用「Insert」-「Head」-KeyWords命令

◇如何为不支持框架的浏览器指定内容？

◆在源代码中加入下面代码：

< BODY><noframes>本网页有框架结构，请下载新的浏览器观看< /noframes> BODY>

◇如何使表格(TABLE)没有边框线？

◆将表格的边框属性：border="0"

◇如何隐藏状态栏里出现的LINK信息？

◆请使用如下代码：

< a href="";; onMouseOver="window.status=none;return true">梦想天空< /a>

◇如何为网页设置背景音乐？

◆代码：< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >

src：音乐文件的路径及文件名；

autostart：true为音乐文件上传完后自动开始播放，默认为false(否)

loop：true为无限次重播，false为不重播，某一具体值(整数)为重播多少次

volume：取值范围为"0-100"，设置音量，默认为系统本身的音量

starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10开始播放

endtime： "分：秒"，设置歌曲结束播放的时间

width：控制面板的宽

height：控制面板的高

controls：控制面板的外观

controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"

·console：正常大小的面板

·smallconsole：较小的面板

·playbutton：显示播放按钮

·pausebutton：显示暂停按钮

·stopbutton：显示停止按钮

·volumelever：显示音量调节按钮

hidden：为true时可以隐藏面板

◇如何定时载入另一个网页内容？

◆在源代码中的<HEAD>…< /HEAD> 加入如下代码：

< meta http-equiv="refresh" content="40;URL= " >

40秒后将自动载入[url][/url]所在的网页

META标签的奥妙

META标签的奥妙 [url].htm[/url]

不用询问关闭一个独立的窗口代码

<head>

<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param name="Command" value="Close">

</object>

</head>

<body>

<input type="button" value="点击我关闭窗口" οnclick="closes.Click();">

</body>

实现鼠标经过超链时的提示图层

<script>

var oPopup = window.createPopup();

function rdl_doClick(){

var oMessage=document.all("oMessage");

with (oPopup.document.body) {

style.backgroundColor="lightyellow";

style.border="solid black 1px";

innerHTML=oMessage.value;

}

oPopup.show(70, 70, 180, 60);

}

</script>

<input id=oMessage type=text size=40 value="点击弹出窗口外面的区域关闭它。">

<br><br>

<a href="#"  οnmοuseοver="rdl_doClick()" οnmοuseοut="oPopup.hide();">显示弹出窗口 </a>

~~~~~~~~~~~~~~~~~~~

<script language="JavaScript" type="text/JavaScript">

<!--

var i=0;

document.onkeydown = zoom;

function zoom(){

var IEKey = event.keyCode;

if (IEKey == 66) {

i++;

document.body.style.zoom=1+i/40;

}

if (IEKey == 68) {

i--;

document.body.style.zoom=1+i/40;

}

if (IEKey == 82) {

document.body.style.zoom=1;

i=1;

}

}

//-->

</script>

点B.D.R分别控制网页中字体和图片的放大.缩小.还原。。

`````````````````````````````````````````````````````````````````

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

如题.我想在首页显示文章里的前几十个字作为文章的预览内容。请问我该怎么限制显示文字内容？？？谢谢！！！

补充一下楼上的…… 判断长度用 if len(rs("文章内容"))>30 then      else     end if

就可以

`````````````````````````````````````````````````````````````````

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1.获得系统时间:

2.取得来访用的IP:

3.获得系统,浏览器版本:

window.document.write("版本："+navigator.appName+navigator.appVersion+" browser.")

4.去除IE混动条:

5.进入网站,跳出广告:

window.open(‘‘‘‘,‘‘‘‘,‘‘height=200,width=300,top=0,left=30‘‘);

// -->

6.随机数:

N为可改变数

7.向上混动代码:

hhhhhhhhhhhhhhhhhhh

8.自动关闭网页:

本页10秒后自动关闭,请注意刷新页面

9.随机背景音乐:

可以修改数字，限制调用个数，我这里是６０个．

10.自动刷新本页面:

`````````````````````````````````````````````````````````````````

定时关闭页面!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

`````````````````````````````````````````````````````````````````

在sqlserver中随机取出n条记录的方法

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

sql="select top n * from tablename order by newid()"

`````````````````````````````````````````````````````````````````

几行代码轻松搞定网页的简繁转换

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

对网页进行简繁字体转换的方法一般有两种：一是使用《简繁通》这样的专业软件，另外一种是制作两套版本的网页。显然，这两种方法都较为麻烦，而且专业软件一般不能用于免费的空间。笔者在这里给大家提供一个非常简单的方法，只须在页面上添加几行代码就可以轻松搞定网页的简繁转换了。

首先在.js处下载用于简繁转换的js文件transform.js，复制到网站目录下，然后使用网页制作工具打开需要进行简繁转换的网页，在代码中的加入如下代码：





function s2t()

{document.body.innerHTML = document.body.innerHTML.s2t();}

function t2s()

{document.body.innerHTML = document.body.innerHTML.t2s();}



然后在网页的适当位置添加简繁转换链接：繁体中文 简体中文

保存页面后，点击“繁体中文”链接，页面就会成繁体，点击“简体中文”就会自动转换为简体形式，方便不同用户的选择浏览了。

提示：这种方法不仅适用于静态网站还可以用在论坛、留言板等动态网站系统中。

`````````````````````````````````````````````````````````````````

页面自动刷新(说明)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1，页面自动刷新：把如下代码加入

区域中,其中20指每隔20秒刷新一次页面.

2，页面自动跳转：把如下代码加入

区域中,其中20指隔20秒后跳转到

`````````````````````````````````````````````````````````````````

一个显示时间的特效

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

function tick() {

var hours, minutes, seconds, xfile;

var intHours, intMinutes, intSeconds;

var today;

today = new Date();

intHours = today.getHours();

intMinutes = today.getMinutes();

intSeconds = today.getSeconds();

if (intHours == 0) {

hours = "12:";

xfile = "午夜";

} else if (intHours < 12) {

hours = intHours+":";

xfile = "上午";

} else if (intHours == 12) {

hours = "12:";

xfile = "正午";

} else {

intHours = intHours - 12

hours = intHours + ":";

xfile = "下午";

}

if (intMinutes < 10) {

minutes = "0"+intMinutes+":";

} else {

minutes = intMinutes+":";

}

if (intSeconds < 10) {

seconds = "0"+intSeconds+" ";

} else {

seconds = intSeconds+" ";

}

timeString = xfile+hours+minutes+seconds;

Clock.innerHTML = timeString;

window.setTimeout("tick();", 100);

}

window.onload = tick;

`````````````````````````````````````````````````````````````````

ASP中的，这些单引号，双引号，还有连接符，我真是搞蒙了。

大哥能给说说吗？

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

由于用的地方太多了,所以我只是说怎么在SQL语句里的运用:

直接输入值的话就是\‘值\‘ 这个是字符轮输入 数字输入为:  值   两个值相连就是"值1"&"值2"

变量赋值的话就是:   \‘"&变量&"\‘ (字符)   \‘&变量&\‘  (数字)         两个变量相连就是:变量1&变量2

呵呵~~不知看不看得明??

`````````````````````````````````````````````````````````````````

sql 组合查询

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

SELECT A.a,

CASE WHEN EXISTS

(

select B.b from A,B where B.a =A.a

) THEN ‘true‘ ELSE ‘false‘

END,

CASE WHEN EXISTS

(

select C.c from A,C where C.a =A.a

) THEN ‘true‘ ELSE ‘false‘

END

FROM A