网页小技巧

来源：互联网发布：大数据时代应用编辑：程序博客网时间：2024/04/30 04:14

1)请问如何让一个打开的窗口在限定时间内自动关闭？

--------------------------------------------

你IE版本IE6.0以上的话这个可以:

两秒钟关闭(1s=1000微秒)

</body>

===========================================================

2)滚动条不显示就在<body>里加style="overflow:hidden"

去掉框架线在<frame>中加frameborder=0

</frameset>

===========================================================

3)请问怎么把它搞成只有外面的线，表里面所有线都不要

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</center>

=====================================================================

4)网页上的联接鼠标指针变化，图片指针~~~

<style>

*{font-size:12px}

:visited,:active,:link{ text-decoration:none;color:navy}

:hover{ cursor:url(http://www.kok2.com.cn/kok2/1.ani);text-decoration:none;color:navy}

body{ cursor:url(http://www.kok2.com.cn/kok2/2.ani)}

</style>

======================================================================

5)一张图片，看起来很模糊，可是把鼠标移在那张图片的上面，就变得清晰

<html>

<head>

<title>无标题文档</title>

// Flash Image Extension for Dreamwever ,by Yichun Yuan(dezone@sina.com)

nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){

if (!document.all)

return

if (object != "[object]"){ //do this so I can take a string too

setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);

return;

}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;

direction = 1;

if (object.filters.alpha.opacity > destOp){

direction = -1;

}

delta=Math.min(direction*diff,delta);

object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){

nereidFadeObjects[object.sourceIndex]=object;

nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects

["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);

}

</script>

</head>

<body>

<a href="http://www.it365cn.com/"; target="_blank"><img border="0" src="http://www.it365cn.com/images/imagelogo.gif";

onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50)"></a>

</body>

</html>

============================================================================

6)用javscript打开图片新窗口用什么代码？

=======================================================================

7)在一个表格框中如何控制段落行距？

CSS中LINE-HEIGHT的就定义行距的。

style="line-height:4"

=========================================================================

8)在同一页面怎么采用不同的hover和link、visited?

a:active {font-size: 12px;color: #0066cc;text-decoration: none; }

a:visited {font-size: 12px;color: #0D0D15;text-decoration: none;}

a:hover {font-size: 12px;color: #0066cc;text-decoration: underline;}

a:link {font-size: 12px;color: #0D0D15;text-decoration: none;}

a.b:active { font-size: 12px; color: #ff0000; text-decoration: underline;}

a.b:visited { font-size: 12px; color: #ff0000;}

a.b:hover { font-size: 12px; color: #ff6600;POSITION: relative; LEFT: 1px; TOP: 1px;}

a.b:link { font-size: 12px; color: #ff0000; text-decoration: underline;}</style>

<body>

<p align="center"><a href="#">默认的链接样式 </a></p>

<p align="center"><a href="#" class="b">链接样式表b</a> </p>

</body>

(注：如果是自定义类 .111 a:hover{*****},则只能在非<a>标记里引用，比如<td class="111">。如果定义类为 a.111:hover{*****},则只能

在<a>标记里引用，如<a class="111">

==================================================================

9)针对图片限制:table-layout:fixed;

针对汉字限制，但对英文不能自动换行:word-break:break-all；

<tr>

<td height="200" style="word-break:break-all">这里使用的是word-break:break-all，单元格高度自定义为200px。it365cn.com、

it365cn.com、it365cn.com、it365cn.com、it365cn.com、it365cn.com、it365cn.com、it365cn.com、</td>

</tr>

</table>

=====================================================================

10)关于FLASH应用在网页时,透明问题!

在网页上,透明的FLASH,就如首页上的BANNER.....它的制作方法是.

做一张背影图片...

然后再做一个滚动的FLASH.........在DW里编辑时,将FLASH的参数设成透明的即可:

在DW里插入表格,与图片一样大小..

然后将图片做为背景插入在表格里...之后,把做好的FLASH插入到图片上方...

wmode=transparent | <param name="wmode" value="Transparent">

=======================================================================

11)超链接的样式的顺序问题！

这个样式要注意链接的虚类的顺序 visited-->active-->hover

link放在哪都一样

==========================================================================

12)作为一个网页设计师，不知道各位是否有这样的经历：客户给你的网站材料很多都是Word文档，虽然阅读起来很方便，可要添加到网页中就

不是很方便了。尤其是那种含有表格的Word文档，如果要一项一项地去添加，实在是费时又费力。虽然Word可以将文档存为Web页，但生成的废

代码太多，文件体积实在太大。

　　不过还好，Dreamweaver已经为我们提供了很方便的命令，可以将word生成的html文件体积大幅度地减少，只是大家也许没有注意到它的应

用。

　　下面大家先打开Dreamweaver，点击命令菜单，仔细查看一下。会发现其中有这样的两项：清理HTML，清理Word的HTML，看来Dreamweaver

已经为我们提供了处理word文档的命令。下面我们通过一个实例来让大家理解这个命令。

　　这里为大家提供了一个用 word做的课程表，大家可以下载下来试用。下面我们将利用这个表格为实例一步一步地去将这个含表格的word文

档转换成代码清晰的html文件。

　　step1:

　　Dreamweaver是处理不了doc文档的，因此，我们需要先利用word把这个文档另存为html的格式，这一步比较简单，在word里面选择“文件

－另存为”，保存类型选择html即可。

　　step2:

　　观察一下另存出来的html文档，文档竟然有50多K！这仅仅是一个课程表！

　　用Dreamweaver打开这个html文件，选择代码视图，大家可以看到这里的代码简直糟糕透了！先用我们刚才提及的Dreamweaver的菜单“命

令→清理word的HTML”，对文档处理一下。

　　这时候再看一下代码，比原来好得多了，但是还是有很多垃圾代码。再查看一下文档的大小，从原来的50多K迅速降到了不到20K。

　　step3:

　　仔细看一下代码，有很多标签我们都不需要，比如＜P＞,＜SPAN＞,＜DIV＞。其实我们完全可以删除它们。下面便用另外的一个菜单“命

令→清理HTML”来对文档进行一番清理。选择菜单的“命令→清理HTML”，点选指定标签，把我们刚才看到的没有用的标签都填上。

　　格式是这样的：标签名,标签名。比如这里，我们就应该填上p,span,div（注意：中间用半角逗号“,”隔开）。然后点击确定。稍等一会

，会发现我们的文档已经相当干净了。仔细看一下TD标签，会发现它的class属性已经没有意义了。下面我们将它删除。手工一个一个地删？当

然不用！我们可以利用查找与替换的命令来把它们全部删除。好，开始行动。

　　step4:

　　打开查找与替换菜单（编辑→查找与替换，快捷键Ctrl+F）在查找内容前面的下拉框中，提供了四种方式。源代码、文本、文本高级、以

及指定标签。在这里，可以用源代码的方式，或者是指定标签的方式来清理。这里我们用指定标签的方法来清理class属性，让大家了解一下它

的用法。源代码的方式大家应该都比较了解，这里就不多罗嗦了。

================================================================================

13)按扭边上的虚线如何去掉？如何不让它显视呢？

=================================================================================

14)滚动条居左的代码!

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

<div align=center style="font-size:14px">看左边的滚动条！！</div>

</BODY>

</HTML>

====================================================================================

15)如何在一个站点不同页面间播放同一种声文件？

大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了

。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上

框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；

第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。

======================================================================================

16) 我想使文字距离边框有一定距离,如何实现？

<tr>

</tr>

</table>

======================================================================================

17)如何实现无提示关闭窗口！

=====================================================================================

18)网页中虚线表格的制作

可以定义样式表：style="border:1px #000000 dashed"

放到<table>里,例如：

<tr>

</tr>

</table>

还有点线的表格,点线也是一样设置，只要把 dashed 改成 dotted 就可以了。

注意，虚线的效果只能在IE5.5以上版本观看。

======================================================================================

19)如何让层位于flash对象之上

按如下任一方法设置设置FLASH对象的属性

<param name="wmode" value="transparent"> FLASH将透明

<param name="wmode" value="Opaque"> FLASH仍将保持不透明

==============================================================================

20)由上而下的滚动字幕吗？

代码：

<marquee onMouseOver=this.stop() onMouseOut=this.start() direction="up" scrolldelay=100 scrollamount=2 height=201px

width=188px> xxxxxxxx</marquee>

<marquee bgcolor="#FFFFFF" border="0" align="middle" scrollamount="1" direction="up" scrolldelay="90" behavior="scroll"

width="100%" height="116px" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12">测试

</marquee>

===============================================================================

21)在鼠标移至具体位置时，会出现弹出的Title效果，而且渐隐效果非常好看，

在<head>中插入代码：（下载poptext.js）

在每个需要显示的超链接上加入代码：title="说明性文字"

===============================================================================

22)如何去掉用IE6.0浏览图片，当鼠标放到图片上时出现快捷工具（打印、邮寄、另存等）？？？？？？？？

方法一：<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

方法二：<img galleryimg="no">

定义CSS：<style>

img {nobar:expression(this.galleryImg='no')}

</style>

===========================================================================

23)去掉热点地图上的区域线框与超链接的线框

使用CSS定义：

<style>

a {blr:expression(this.onFocus=this.blur())}

area {blr:expression(this.onFocus=this.blur())}

</style>

============================================================================

24)如何知道浏览器的分辨率?

<html>

<head>

<title>检测分辨率</title>

</head>

</body>

</html>

================================================================================

25)按分辨率的不同调用不同页面的代码

<html>

<head>

<title>这是判断显示器的分辨率</title>

</head>

<!--

if ((screen.width == 800) && (screen.height == 600))

window.location.href="http://www.sina.com.cn";;

else if ((screen.width == 1024) && (screen.height == 768))

window.location.href="http://www.sohu.com";;

else window.location.href="http://www.it365cn.com";;

//-->

</script>

</html>

================================================================================

26)输入框只能输入汉字

function openwin(p)

{

if (p!="")

{

window.open(p,'pop','width=400,height=300')

}

</script>

<option value="">请选择

<option value="1.htm">1

<option value="2.htm">2

<option value="3.htm">3

</select>

===============================================================================

27)在下拉菜单里的连接中打开新窗口，固定这个窗口的大小，如400x300：

function openwin(p)

{

if (p!="")

{

window.open(p,'pop','width=400,height=300')

}

</script>

<option value="">请选择

<option value="1.htm">1

<option value="2.htm">2

<option value="3.htm">3

</select>

=================================================================================

28)制一表单,在文本框中客户端随意输入一网址,按"提交"后,即可打开(链接到)该网址的代码：

可以控制window.open方法，实现打开窗口的个性化设置

====================================================================================

29)列表/菜单中，选中时后新窗口链接

<select name="menu1" class="but" onChange="if(this.selectedIndex && this.selectedIndex != 0){ window.open(this.value); }

this.selectedIndex=0;">

<option value="http://www.blueidea.com";>鸡

<option value="http://www.5d.cn";>鸭

</select>

</form>

==========================================================================================

30) Iframe元素的常用属性：

name：内嵌帧名称

width：内嵌帧宽度(可用像素值或百分比)

height：内嵌帧高度(可用像素值或百分比)

frameborder：内嵌帧边框

marginwidth：帧内文本的左右页边距

marginheight：帧内文本的上下页边距

scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)

src：内嵌入文件的地址

style：内嵌文档的样式(如设置文档背景等)

allowtransparency：是否允许透明

1)请问如何让一个打开的窗口在限定时间内自动关闭？

--------------------------------------------

你IE版本IE6.0以上的话这个可以:

两秒钟关闭(1s=1000微秒)

</body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

===========================================================

2)滚动条不显示就在<body>里加style="overflow:hidden"

去掉框架线在<frame>中加frameborder=0

</frameset>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

50)滚动条的样式

scrollbar-face-color: #FFFFFF;

scrollbar-shadow-color:#808080;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #808080;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-track-color: #FFFFFF;

scrollbar-arrow-color: #808080;

==================================================================================

51)<EMBED src="http://www.cnbruce.com/yzpc/chatroom/mid/MP3/liberation.mp3";

autostart="true" loop="2" width=300 height=100>

把这个代码放到你的页子里面的BODY中间去

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时可以隐藏面板

--------

<BGSOUND src="http://www.cnbruce.com/yzpc/chatroom/mid/MP3/liberation.mp3"; autostart=true

loop=infinite>

<BGSOUND> 是用以插入背景音乐，但只适用於 IE，其参数设定不多。

src="your.mid"

设定 midi 或者是 mp3 档案及路径，可以是相对或绝对。

autostart=true

是否在音乐档传完之後，就自动播放音乐。true 是，false 否 (内定值)。

loop=infinite

是否自动反覆播放。LOOP=2 表示重复两次，Infinite 表示重复多次。

======================================================

52) 取消按扭的聚焦

===========================================================

53)如何同时实现图形模清和交替

<style>

img{width:200;height:50}

</style>

<img src=http://www.it365cn.com/images/banner/wxboye.gif style="filter:revealTrans

(duration=4,transition=12)" id=ye>

setTimeout("fadeOut()",300);

function fadeOut(){

ye.filters.revealTrans.apply();

ye.src="http://www.it365cn.com/bbs/images/mainlogo.gif";;

ye.filters.revealTrans.play();

setTimeout("fadeIn()",5000);

}

function fadeIn(){

ye.filters.revealTrans.apply();

ye.src="http://www.it365cn.com/images/banner/wxboye.gif";;

ye.filters.revealTrans.play();

setTimeout("fadeOut()",5000);

}

</script>

=============================================================

54)如何在新窗口打开超链接?

如本页超链接全部在新窗口打开的话，在<head></head>中加入<base target="_blank">

仅对于单个超链接，写成：

或者：

==============================================================

55)其中的“radio”是什么意思？“wrap”呢？

<text>和<textarea> 的区别在那里？

type属性为radio的输入型控件为“单选按钮”。

textarea应该没有wrasp这个属性，应该是wrap,wrap取值有：

on----->文本到右边自动换行。

off----->除非按回车，否则到右边不换行。

virtual-->到右边自动换下一行，中间没有回车，但发送时仍是一行。

phisical-->到右边自动换下一行，中间加了回车，发送时是多行显示的文本。

<input type=text>是一个输入框，而<textarea></textarea>则是一个文本域。

两者的区别很明显，前一个的tagName是input, 而后一个是成对出现的标签，其tagName为textarea, 当

然它们的有其特定的属性和方法，也有其通用的属性和方法。

==================================================================

56)网页中虚线表格的制作（css方法）

可以定义样式表：style="border:1px #000000 dashed"

放到<table>里,例如：

<table style="border:1px #000000 dashed" width="200" border="0" cellspacing="0"

cellpadding="2">

<tr>

</tr>

</table>

还有点线的表格,点线也是一样设置，只要把 dashed 改成 dotted 就可以了。

注意，虚线的效果只能在IE5.5以上版本观看。

====================================================================

57)注释效果”怎样做？

<!--

tPopWait=50;

tPopShow=50000;

showPopStep=10;

popOpacity=100;

sPop=null;

curShow=null;

tFadeOut=null;

tFadeIn=null;

tFadeWaiting=null;

document.write("<style type='text/css'id='defaultPopStyle'>");

document.write(".cPopText { background-color: #FFFFFF; border: 1px #000000 solid; font-size:

12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom:

2px; filter: Alpha(Opacity=0)}");

document.write("</style>");

document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;'

class='cPopText'></div>");

function showPopupText(){

var o=event.srcElement;

MouseX=event.x;

MouseY=event.y;

if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};

if(o.dypop!=sPop) {

sPop=o.dypop;

clearTimeout(curShow);

clearTimeout(tFadeOut);

clearTimeout(tFadeIn);

clearTimeout(tFadeWaiting);

if(sPop==null || sPop=="") {

dypopLayer.innerHTML="";

dypopLayer.style.filter="Alpha()";

dypopLayer.filters.Alpha.opacity=0;

}

else {

if(o.dyclass!=null) popStyle=o.dyclass

else popStyle="cPopText";

curShow=setTimeout("showIt()",tPopWait);

}

function showIt(){

dypopLayer.className=popStyle;

dypopLayer.innerHTML=sPop;

popWidth=dypopLayer.clientWidth;

popHeight=dypopLayer.clientHeight;

if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24

else popLeftAdjust=0;

if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24

else popTopAdjust=0;

dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;

dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;

dypopLayer.style.filter="Alpha(Opacity=0)";

fadeOut();

}

function fadeOut(){

if(dypopLayer.filters.Alpha.opacity<popOpacity) {

dypopLayer.filters.Alpha.opacity+=showPopStep;

tFadeOut=setTimeout("fadeOut()",1);

}

else {

dypopLayer.filters.Alpha.opacity=popOpacity;

tFadeWaiting=setTimeout("fadeIn()",tPopShow);

}

function fadeIn(){

if(dypopLayer.filters.Alpha.opacity>0) {

dypopLayer.filters.Alpha.opacity-=1;

tFadeIn=setTimeout("fadeIn()",1);

}

document.onmouseover=showPopupText;

//-->

</script>

<input type="button" name="Submit2" value="关闭窗口" onclick="window.close()"

style="cursor:hand" onFocus="if(this.blur)this.blur()" alt="JaneDan! ByeBye!">

58)用css 滤镜实现背景过度色~~

<style>

body{ filter:alpha(Opacity=30,style=1); background:red}

</style>

<body>

----------------------

<style>

body{ filter:alpha(Opacity=30,style=1,) FlipH(); background:red}

</style>

<body>

</body>

--------------------

<html>

<body style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX=

100,startY=50,finishY=100); background-color: skyblue">

<h1>背景渐变(左上至右下)</h1>

</body>

</html>

==================================================================

59)Marquee标记的详细分析！

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。　

　　　　格式：　

　　　　<MARQUEE　ALIGN="…"　

　　　　BEHAVIOR="…"　

　　　　BGCOLOR="…"　

　　　　DIRECTION="…"　

　　　　HEIGHT="…"　

　　　　WIDTH="…"　

　　　　HSPACE="…"　

　　　　VSPACE="…"　

　　　　LOOP="…"　

　　　　SCROLLAMOUNT="…"　

　　　　SCROLLDELAY="…"　

onMOUSEOUT=this.start()

onMOUSEOVER=this.stop()

　　　　>…　

　　　　</MARQUEE>　

　　　　属性：　

　　　　ALIGN：用于按设定的值对齐滚动的文本。ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，

BOTTOM。此属性不是必须使用的。　

　　　　例：　

　　　　<MARQUEE　ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>　

　　　　BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法

是SLIDE，那么文本就移动到文档上，并停留在页边距上。如果设定为ALTERNATE，则文本从一边移动到另

一边。如果设定为SCROLL，文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有：SILIDE

，ALTERNATE，SCROLL。　

　　　　例：　

　　　　<MARQUEE　BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>　

　　　　BGCOLOR：用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。　

　　　　例：　

　　　　<MARQUEE　BGCOLOR="RED">用颜色名称设定滚动文字背景颜色为红色</MARQUEE>　

　　　　<MARQUEE　BGCOLOR="#FF0000">用16进制值设定滚动文字背景颜色为红色</MARQUEE>　

　　　　<MARQUEE　BGCOLOR=RGB(100%,0%,0%)>用RGB设定滚动文字背景颜色为红色</MARQUEE>　

　　　　DIRECTION：用于设定文本滚动的方向，可以设定的值有：LEFT，RIGHT。此属性不是必须使用的

。　

　　　　例：　

　　　　<MARQUEE　DIRECTION="LEFT">文字向左边滚动</MARQUEE>　

　　　　<MARQUEE　DIRECTION="RIGHT">文字向右边滚动</MARQUEE>　

HEIGHT：用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。

　　　　例：　

　　　　<MARQUEE　HEIGHT="10%">滚动字幕的高度是可视页面的10%</MARQUEE>　

　　　　<MARQUEE　HEIGHT="12">滚动字幕的高度是12像素</MARQUEE>　

　　　　WIDTH：用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。此属性不是必须使用

的。　

　　　　例：　

　　　　<MARQUEE　WIDTH="90%">滚动字幕的宽度是可视页面的90%</MARQUEE>　

　　　　<MARQUEE　WIDTH="200">滚动字幕的宽度是200像素</MARQUEE>　

　　　　HSPACE：用于设定滚动字幕左右的空白空间，空白空间用像素表示。此属性不是必须使用的。　

　　　　例：　

　　　　<MARQUEE　HSPACE="15">滚动字幕左右空白空间为15个像素</MARQUEE>　

　　　　VSPACE：用于设定滚动字幕上下的空白空间，空白空间用像素表示。此属性不是必须使用的。　

　　　　例：　

　　　　<MARQUEE　VSPACE="2">滚动字幕上下的空白空间为2个像素</MARQUEE>　

　　　　LOOP：用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时，则文字会无限制地

滚动。此属性不是必须使用的。　

　　　　例：　

　　　　<MARQUEE　LOOP="-1">文字滚动无数次</MARQUEE>　

　　　　<MARQUEE　LOOP="5">文字滚动5次</MARQUEE>　

　　　　SCROLLAMOUNT：用于设定每个连续滚动文本后面的间隔，该间隔用像素表示。此属性不是必须使

用的。　

　　　　例：　

　　　　<MARQUEE　SCROLLAMOUNT="10">此文本后面的间隔为10个像素</MARQUEE>　

　　　　SCROLLDELAY：用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。此属性不是必须

使用的。　

　　　　例：　

　　　　<MARQUEE　SCROLLDELAY="5">此文本两次滚动之间的间隔时间为5毫秒</MARQUEE>

onMOUSEOUT=this.start() ：用来设置鼠标移出该区域时继续滚动

onMOUSEOVER=this.stop()：用来设置鼠标移入该区域时停止滚动

============================================================

60)用不同的链接使相应的页面在iframe里出现

<a href="Java Script :;" onclick="ibox.document.location='./'" >织梦论坛</a>　　<input

type="button" onclick="ibox.document.location='../'" value="织梦幻影">

-------------------------------------

<a href=http://www.blueidea.com/bbs target=aa>open with iframeI</a> <a

href=http://www.it365cn.com/bbs target=bb>open with iframeII</a><p>

<nobr>

</nobr>

=========================================================

61)去掉下拉选项的边框

<div style="position: absolute; left: 10px; top: 10px; width: 115px; height: 20px;

clip:rect(2 114 20 2);">

</select>

</div>

=========================================================

62)隐藏状态栏里出现的LINK信息

<a href="http://www.it365cn.com/bbs"; onMouseOver="window.status='none';return true">织梦论

坛</a>

===========================================================

63)table的一个单元格本身能成为一个button吗？

<html>

<!--

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2) eval(args+".location='"+args[i+1]+"'");

}

//-->

</script>

</head>

<body>

<table width="200" height="22" border="1" cellpadding="0" cellspacing="0"

bordercolor="#000000">

<tr onClick="MM_goToURL('parent','http://www.it365cn.com/bbs');return

document.MM_returnValue">

<td align="center">点击单元格，进入站点...</td>

</tr>

</table>

</body>

</html>

=============================================================

64)目标的类型

_blank: 在新窗口打开

_self: 在本窗口打开

_parent: 在父窗口打开

_top: 在最上层的窗口打开

无：表示默认

================================================================

65)如何让背景图片在浏览器中居中！

<body style="background:url(http://www.it365cn.com/bbs/images/postnew.gif) center center

fixed no-repeat">

</body>

===================================================================

66)按写信的格式编排的

<blockquote>The content of the letter...</blockquote>

===========================================================

67)检查当前的浏览器是否安装了flash播放器,如果没有就安装.

用onerror事件

codebase="http://ownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,

0" width="550" height="400" onerror=alert("您没有安装")>

pluginspage="http://ww.macromedia.com/go/getflashplayer"; type="application/x-shockwave-

flash" width="550" height="400"></embed></object>

====================================================================

68)使图片变透明的滤镜

<style>

<!--

.alpha{

width:320;

FILTER:Chroma(color=#FF00FF);}

body{background:#CCCCCC;}

-->

</style>

原图：

<div><IMG SRC="http://www.blueidea.com/articleimg/upload/1381286-Data_1.gif"; WIDTH="320"

HEIGHT="45" BORDER="0" ALT=""></div>

加样式后：

<div class=alpha><IMG SRC="http://www.blueidea.com/articleimg/upload/1381286-Data_1.gif";

WIDTH="320" HEIGHT="45" BORDER="0" ALT=""></div>

===========================================================================

69)表格隔行换色

<style>

tr{ yexj00:expression(this.style.background=(rowIndex%2==1)?'orange':'yellow')}

</style>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

====================================================================

70)做了个跳转菜单,想让它以"_blank"打开窗口

<option value="http://www.cnbruce.com";>cnbruce</option>

<option value="http://www.blueidea.com";>blue!dea

</select>

71)不需要再用记事本打开源文件

地址栏在很多方面发挥了一定的作用,如大家所熟悉的计算功能:

Java Script : alert(1+2)

下面介绍的是在网页上增加一个控件,如textarea:

步骤:

1.在地址栏输入:

Java Script : ye=document.createElement("textarea");ye.cols=100;ye.rows=12;void(document.body.insertAdjacentElement("AfterBegin",ye))

2.第二步我们在这个基础上再在地址栏输入:

Java Script : void(ye.value=document.body.outerHTML)

即显示了本面的源文件.

这个例子虽然简单,但如果大家想想,如果有一个影片或歌曲的地址是引用变量或加过密的,我们就可以用这个快速得到地址.

======================================================================

72)点击按钮进入一URL？

============================================================================

73)select里的option进行分类列表。

<option>原创

<option>经典

<option>asp&sql

<option>php&mysql

</select></span>

==========================================================================

74)让字体翻倒

<style>

.Wrd{ font-family: @黑体}

</style>

<span class=Wrd>这是一段让字体翻倒的JavaScript.</span>

===================================================================

75)禁止主页广告（三种类别）

一. 在页面最后，即</html>后面添加的JS广告。

Answer: 在原来没有加JS广告的页面最后加上<noscript>,这样JS广告加在<noscript>后面就不会被浏览器解释。

二. 在页面中间加的JS广告，如head区或body后面。

Answer: 查找主页上源文件里那段JS广告的地址，下载它，并找出它的id ；假设id为divid,则在<head>后面加上：

<style>

#它的id{ display: none}

</style>

三. 一种弹出窗口的广告。

Answer: 在页面的head区加上:

function window.open(){

return false;

}

</script>

即可。

======================================================================

76)网页保存不了

因为它加了<noscript><iframe src=*.htm></iframe></noscript>

===================================================================

77)引用Cnbruce的阴影表格效果

<tr>

<td&, gt;<center>www.cnbruce.com</td>

</tr>

</table>

========================================================================

78)任务栏出现滚动字体的小代码

a=":::::::::十年树人、百年树木；教学为本、百年大计::::::::当前页面:首页动画::::::::"

function b()

{

document.title=a

a=a+a.substring(0,1)

a=a.substring(1,a.length)

day=new Date()

y=day.getYear()

mo=day.getMonth()+1

d=day.getDate()

h=day.getHours()

m=day.getMinutes()

s=day.getSeconds()

if (h<=9) h="0"+h

if (m<=9) m="0"+m

if (s<=9) s="0"+s

bb=" 当前时间是:"+y+"年"+mo+"月"+d+"日"+h+":"+m+":"+s

window.status=bb

setTimeout("b()",500)

}

b()

</script>

把段小代码写在<head></head>之间就行！还有上面的汉字可以换成你想写的字！

=========================================================================

79)网页过渡效果最小的代码

========================================================================

80)鼠标经过时背景渐变出现，移开后背景渐变消失的效果

<!--

.style1 { background-image: url(http://www.it365cn.com/bbs/emot/em1.gif)}

.style2 { background-image: url(http://www.it365cn.com/bbs/emot/em8.gif)}

-->

</style>

<tr>

</tr>

</table>

=======================================================================

81) Thumbs.db是什么文件

缓存缩略图文件，与站点无关，直接删除。

===========================================================================

82)纯HTML实现圆角表格

<TBODY>

<TBODY>

</TR>

</TR>

</TR>

</TBODY>

</TABLE></TD>

</TR>

<TR>

<TBODY>

<TR>

</TR>

</TBODY>

</TABLE></TD>

</TR>

<TBODY>

</TR>

</TR>

</TR>

</TBODY>

</TABLE></TD>

</TR>

</TBODY>

</TABLE>

=============================================================================

83)浏览器跳转

二秒后进入织梦论坛

============================================================================

84)如何使文本框内的字为不可改动

========================================================================

85)如何实现全屏效果

function ow(owurl){

var tmp=window.open("about:blank","","fullscreen=1")

tmp.moveTo(0,0)

tmp.resizeTo(screen.width+20,screen.height)

tmp.focus()

tmp.location=owurl

}

</SCRIPT>

</head>

<body>

it365cn bbs</a>

==========================================================================

86)使用CSS滤镜制作字体凹陷的效果

<style>

td{filter:DropShadow(Color=white,OffX=1,OffY=1,);font-size: 14px;}

</style>

</body>

</html>

-------------------解释：“td{filter:DropShadow(Color=white,OffX=1,OffY=1,);font-size: 14px;}”

filter CSS过滤器

DropShadow 阴影

Color=white 颜色=白色

OffX=1,OffY=1 位移

font-size: 14px 文字大小

这样应该很明白吧！

======================================================================

87)带下拉菜单的复选框

<HTML>

<HEAD>

<TITLE>下拉菜单复选</TITLE>

</HEAD>

<body>

var i=0;

for(i=1;i<20;i++)

{

document.write("<div style=/"height:20px;cursor:default;font-family: Tahoma; font-size: 12px; font-weight: bold/" onclick=haiwa.style.height=/"20/";document.all.haiwa.scrollTop=0><input type='checkbox' style='height:15px;' name='ck' id=ck"+i+"><label for='ck"+i+"'>第"+i+"项</label></div>");

}

</SCRIPT>

</div>

</body>

======================================================================

88)改变浏览器的滚动条,让它和你网页的色调相一致

1、如何去除浏览器的滚动条？

回答：A.去掉水平及竖直的滚动条，可在网页原代码中加入以下代码：<body scroll=no>

B.去水平滚动条：<body style=”overflow-x:hidden”>

C.去竖直滚动条：<body style=”overflow-y:hidden”>

2、如何设置滚动条的颜色？

回答：可以通过几种方式来实现，

A．在源代码中加入以下样式表代码：

<style>

BODY {SCROLLBAR-FACE-COLOR:#D4D0C8;SCROLLBAR-HIGHLIGHT-COLOR: #D4D0C8;

SCROLLBAR-SHADOW-COLOR:#999999;SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;

SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-TRACK-COLOR#FFFFFF;

SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#E3E3E3;

SCROLLBAR-DARKSHADOW-COLOR:#666666;}

</style>

代码解释：

以上样式表代码中：

SCROLLBAR-FACE-COLOR：用来设定滚动条表面的颜色。

SCROLLBAR-HIGHLIGHT-COLOR：设定滚动条亮边框，这和表格的亮边框是类似的。

SCROLLBAR-SHADOW-COLOR：设定滚动条的阴影部分。

SCROLLBAR-ARROW-COLOR：肩头部分的颜色。

SCROLLBAR-TRACK-COLOR：设定滚条槽的颜色。

SCROLLBAR-DARKSHADOW-COLOR：是指滚动条的暗色阴影。

B：如果你觉得写样式表的方式太麻烦，可以直接使用插件，下载地址：http://www.windstudio.net/dw/files/ie55_scrollbar.mxp

提醒：以上效果需要IE5.5以上版本支持。

3.如何使用图片代替浏览器中的滚动条？

回答：关于这个问题，如果用源代码的方式，恐怕太麻烦了：)这里有一个文件包，可以直接下载以后使用。地址：http://www.hi-fi2000.com/iescroll.zip

提示：

源代码中：调用JS的是这一句：

其中：垂直滚动条：1.jpg

上箭头：2.jpg

垂直滚动条：3.jpg

下箭头：4.jpg

水平滚动槽：5.jpg

左箭头：6.jpg

水平滚动条：7.jpg

右箭头：8.jpg

两根滚动条交接：9.jpg

=========================================================================

89)如何做横向滚动的窗口

<style>

div {SCROLLBAR-FACE-COLOR: #D7C09F; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #FFAE79; SCROLLBAR-DARKSHADOW-COLOR: #999999;background:#CCCCCC }

</style>

<div style="position:absolute;width:350;height:200;overflow:auto"><pre>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</pre></div>

==================================================================

网页常用小技巧

1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键

<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:-Disabled"> 关闭输入法

8. 永远都会带着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页

// --></script>

9. 防止被人frame

<SCRIPT LANGUAGE=javascript><!--

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

// --></SCRIPT>

10. 网页将不能被另存为

11. <input type=button value=查看网页源代码

onclick="window.location = `view-source:`+ http://www.51js.com/`";>

12.删除时确认

13. 取得控件的绝对位置

//javascript

function getIE(E){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

</script>//VBScript

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

--></script>

14. 光标是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart(`character`,e.value.length);

r.collapse(true);

r.select();

}

</script>

15. 判断上一页的来源

javascript:

document.referrer

16. 最小化、最大化、关闭窗口

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift键!"); //可以换成ALT　CTRL

}

document.onkeydown=look;

</script>

18. 网页不会被缓存

或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感？

或

20.<div><span>&<layer>的区别？

<div>(division)用来定义大段的页面元素，会产生转行

<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行

<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:

22.不要滚动条?

让竖条没有:

</body>

让横条没有:

</body>

两个都去掉？更简单了

</body>

23.怎样去掉图片链接点击后，图片周围的虚线？

<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>24.电子邮件处理提交表单

</form>

25.在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<style>

body

{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}

</style>

28. 检查一段字符串是否全由数字组成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

29. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

</textarea>

32. 日期减去天数等于第二个日期

function cc(dd,dadd)

{

//可以加上错误处理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(A)

alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

}

cc("12/23/2002",2)

</script>

33. 选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio" value="style" checked>style

<INPUT name="radio1" type="radio" value="barcode">Barcode

</BODY></HTML>

34.脚本永不出错

<!-- Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：

把如下代码加入<body>区域中:

tim=1

setInterval("tim++",100)

b=1var autourl=new Array()

autourl[1]="http://www.njcatv.net/";

autourl[2]="javacool.3322.net"

autourl[3]="http://www.sina.com.cn/";

autourl[4]="http://www.nuaa.edu.cn/";

autourl[5]="http://www.cctv.com/";

function butt(){

document.write("<form name=autof>")

for(var i=1;i<autourl.length;i++)

document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=textname=url"+i+" size=40> =》<input type=button value=GOonclick=window.open(this.form.url"+i+".value)><br>")

document.write("<input type=submit value=刷新></form>")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+" width=1 height=1

onerror=auto(http://";+autourl+"`)>")}

run()</script>

37. 各种样式的光标

auto ：标准光标

default ：标准箭头

hand ：手形光标

wait ：等待光标

text ：I形光标

vertical-text ：水平I形光标

no-drop ：不可拖动光标

not-allowed ：无效光标

help ：?帮助光标

all-scroll ：三角方向标

move ：移动标

crosshair ：十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

38.页面进入和退出的特效

进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">

推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间，以秒为单位。Transition表示使用哪种特效，取值为1-23:

　　0 矩形缩小

　　1 矩形扩大

　　2 圆形缩小

　　3 圆形扩大

　　4 下到上刷新

　　5 上到下刷新

　　6 左到右刷新

　　7 右到左刷新

　　8 竖百叶窗

　　9 横百叶窗

　　10 错位横百叶窗

　　11 错位竖百叶窗

　　12 点扩散

　　13 左右到中间刷新

　　14 中间到左右刷新

　　15 中间到上下

　　16 上下到中间

　　17 右下到左上

　　18 右上到左下

　　19 左上到右下

　　20 左下到右上

　　21 横条

　　22 竖条

　　23 以上22种随机选择一种

39.在规定时间内跳转

40.网页是否被检索

　　其中属性值有以下一些:

　　属性值为"all": 文件将被检索，且页上链接可被查询；

　　属性值为"none": 文件不被检索，而且不查询页上的链接；

　　属性值为"index": 文件将被检索；

　　属性值为"follow": 查询页上的链接；

　　属性值为"noindex": 文件不检索，但可被查询链接；

　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

41.变换网页的鼠标光标

42.怎样实现在任务栏显示小图标的效果？ (要使用绝对地址)

有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标，

这样很好的与其它站点有了区别。

要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。文件格式为ico，然后上传至你的网站。

然后，在需要的页面中，加上以下html语句到文件的<head>和</head>之间（假设以上ico文件的地址http://happyisland.126.com/icon.ico）。

如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。

1,META标签里的代码是什么意思？

<META>是放于<HEAD>与</HEAD>之间的标记.以下是我总结它在网页中最常见的几种。

该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站中并没什么用。

设定这是 HTML 文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使用 iso-8859-1。

这只表示该网页由什么编辑器写的。

这行较为实用，能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。2，怎么改变滚动条的颜色，只有ie5.5版本以上才能支持。

这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定的关系。

scrollbar-arrow-color：上下按钮上三角箭头的颜色。

scrollbar-base-color：滚动条的基本颜色。

scrollbar-dark-shadow-color：立体滚动条强阴影的颜色

scrollbar-face-color：立体滚动条凸出部分的颜色

scrollbar-highlight-color：滚动条空白部分的颜色

scrollbar-shadow-color立体滚动条阴影的颜色。

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

代码如下：

<style>

<!--

BODY {

scrollbar-face-color:#99CC33;//(立体滚动条凸出部分的颜色)

scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色)

scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色)

scrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色)

scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色)

scrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色)

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

}

-->

</style>

以下补充几点：

1.让浏览器窗口永远都不出现滚动条。

2，没有水平滚动条

3，没有垂直滚动条

3,如何给图片抖动怎做的.

<!--

var rector=2

var stopit=0

var a=1

var count=0

function init(which){

stopit=0

shake=which

shake.style.left=0

shake.style.top=0

}

function rattleimage(){

if ((!document.all&&!document.getElementById)||stopit==1||count==100)

return

count++

if (a==1){

shake.style.top=parseInt(shake.style.top)+rector

}

else if (a==2){

shake.style.left=parseInt(shake.style.left)+rector

}

else if (a==3){

shake.style.top=parseInt(shake.style.top)-rector

}

else{

shake.style.left=parseInt(shake.style.left)-rector

}

if (a<4)

a++

else

a=1

setTimeout("rattleimage()",50)

}

function stoprattle(which){

stopit=1

count=0

which.style.left=0

which.style.top=0

}

//-->

</SCRIPT>

</style>

4，在DW如何给水平线加颜色。

在DW中没有此项设置，你只能在HTML中加入代码：<hr color=red noshade>按F12的预览在能看到。由于在NC中不支持<hr>的COLOR属性，所以在DW中没有此项设置。

5，如何在网页中实现flash的全屏播放？

只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File菜单；选Publish Settings弹出导出设置对话框；在HTML标签下的Dimensions选项,下拉后选中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。

6,为什么我在DW中插入的Flash动画缺看不找！

如果你没有正确地安装Dreamweaver和Flash，那么在你预览的时候，Dreamweaver会提示你缺少播放的插件，请你按装InstallAXFlash.exe 并从新启动计算机。现在IE6已经捆绑这个程序。

7，在Flash中，如果屏蔽鼠标右键?FS命令都是什么意思?

fscommand ("fullscreen", "true/false");（全屏设置，TRUE开，FALSE关）

fscommand ("showmenu", "true/false");（右键菜单设置，TRUE显示，FALSE不显示）

fscommand ("allowscale", "true/false");（缩放设置，TRUE自由缩放，FALSE调整画面不影响影片本身的尺寸）

fscommand ("trapallkeys", "true/false");（快捷键设置，TRUE快捷键开，FALSE快捷键关）

fscommand ("exec");（EXE程序调用）

fscommand ("quit");（退出关闭窗口）

8，Flash中什么是隐形按钮。

利用button中的hit帧来制作只有感应区域而完全透明的按钮。

9，如何给Flash动画做链接。

Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中。

10，DW中的层的技巧。

层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了。

11，如何改变鼠标的形状？

在Dreamweaver4中CSS样式面板：

按CTR+SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。

这里选择（文本）作为对象，还可以自己改为其他的，如link等。

x可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw-resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。

12，用CSS做邮票，看看吧！

13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！

这javascript代码即可实现，摘录蓝色论坛。

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

其实代码非常简单：

<!--

window.open (`page.html`)

-->

</SCRIPT>

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

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

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body bgcolor="#003063" text="#ffffff" id=all>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

<!--

window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)

//写成一行

-->

</SCRIPT>

参数解释：

<SCRIPT LANGUAGE="javascript"> js脚本开始；

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为允许；

</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

<html>

<head>

<!--

function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

//写成一行

}

//-->

</script>

</head>

…任意的页面内容…

</body>

</html>

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

怎么调用呢？

方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；

方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：

<a href="#" onclick="openwin()">打开一个窗口</a>

注意：使用的“#”是虚连接。

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

14，没有用表格写的，让大家随便看看，没什么。

<html>

<head>

<title>江南荷花扇面</title>

<!--

.font1 { font-size: 12px; color: #999999; text-decoration: none}

a { font-size: 12px; color: #999999; text-decoration: none}

a:hover { font-size: 12px; color: #000000; text-decoration: none}

-->

</style>

</head>

<p>盛夏　　　　　　尚　涛　

<p><a href="index.htm">一夜露痕黄粉香　袁运甫 </a>

<p>瑶池昨夜新凉　　王金岭

<p>一朵白莲随意开　吴冠南

<p>新雨迎秋欲满塘　齐辛民

<p>十里荷香　　　　齐辛民

<p>濯清莲而不妖　　卢世曙

</div>

</body>

</html>

15,IE6已支持自定义cursor!

语法格式 cursor:url(图标) //cur或是ani文件.

cur就是WINDOWS中的光标(cursor)文件，光标文件与图标（ICON)文件除了文件头有一个位置的值不同外，实际是一样的。

ani是WINDOWS中的动画光标（图标）文件。

<!--

.unnamed1 { cursor:url(arrow2c.cur)}

-->

</style>

16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。

语法：

align=# | top | middle| bottom //对齐方式)

BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移动的方式

BGCOLOR=color//底色区域颜色

DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向

Loop=n //循环次数（默认是循环不止）

Scrolldelay=milliseconds//延时

height=# width=# //区域面积

hspace=# vspace=# //空白区域

scrollamount=# //移动的速度

17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。

这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。

18，flash的网页里“加入收藏夹”功能怎么实现？

在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)")

19，在Flash中，文本的动态属性和输入属性的区别。

input text在运行时可被用户或程序改变其值。

ynamic text仅允许被程序修改。

20,怎样在IE中调用Dreamweaver进行编辑.

相信很多在使用WinME或Window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加到注册表即可。

REGEDIT4

[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver]

[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell]

[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit]

[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit/command]

@="/"c://Program Files//Macromedia//Dreamweaver 4//dreamweaver.exe/" /"%1/""

21，设置表格虚线。

方法一：作一个1X2的图。半黑半白，再利用表格作成线。

方法二：在css里面设，要IE5。5才支持这种效果。

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"22,看看在网页中调用HHCtrl控件效果。

代码如下：

22，如何让一张图片有浅到深的渐变。

<!--

function high(which2){

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=40

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=10

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

23,双击鼠标左键来滚动背景，单击停止。

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",16);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

}

document.onmousedown=sc

document.ondblclick=initialize

</SCRIPT>

24,如何在同一页面设置不同文字链接效果的样式.

代码如下：

<HTML><HEAD><TITLE>如何在同一页面设置不同文字链接效果的样式</TITLE>

<!--

a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}

a:link { font-size: 9pt; color: #006699; text-decoration: underline}

a:visited { font-size: 9pt; color: #006699; text-decoration: underline}

a:active { font-size: 9pt; color: #FF0000; text-decoration: none}

a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}

a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}

a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}

a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}

-->

</style>

</head>

<a href="#">下划线链接 </a>

<p></p>

<a href="#" class="r1">双下划线链接</a>

</BODY>

</HTML>

补充说明：

a:hover 表示鼠标划过时的样式.

a:link 表示链接的样式.

a:active 表示当前活动连接的样式.

a:visited 表示已经访问过的连接的样式.

25, 用CSS给文字加入阴影效果和文字描边效果。

.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}

//文字描边效果

.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋体"}

//加入阴影效果

补充说明：

　　这两种滤镜要想实现效果，必须加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上

，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。

26,如何给做带颜色的下拉菜单。

<option selected>:: Dreamweaver4 ::</option>

<option>::Flash5::</option>

<option>::Firewoks4::</option>

</select>

27,关于DW4的表格中的亮边框和暗边框问题。

在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。

bordercolorlight="#999999" bordercolordark="#000000"

　　你也可以用Css定义一个class。例如：

<style>

.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }

</style>

　　然后在要加效果的表格里加上<table class="bordercolor">

28,自动显示主页最后更新日期.

document.write("最后更新日期："+document.lastModified+"")

</script>

29,如何让滚动条出现在左边？

我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！

<tr>

<td bgcolor="#FF0000" >是不是你的滚动条在左边啊</td>

</tr>

</table>

</body>

</html>

30,如何加入网址前面的小图标？

　　首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/图标文件名">,并放在该网页的根目录下。

31,在800*600显示器中，如何不让网页水平出现滚动条！

设至<body leftmargin="0" topmargin="0">，网页中的表格宽度为778。

32,关于<!DOTYPE>的说明解释。

在网页中，经常会看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是声明HTML文件的版本信息。

33, 用图片来关闭窗体.

补充说明：如何使用了ACTIVEX！,不再警告窗口？

<html>

<head>

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

</head>

<body bgcolor="#003063" text="#ffffff" id=all> <a href="#" onclick="closes.Click();">关闭窗口无提示</a>

</body>

</html>

34,禁止鼠标右键查看网页源代码。

function click()

{if (event.button==2) {alert(`你好,欢迎光临！`) }}

document.onmousedown=click

</SCRIPT>

补充说明：

鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。

< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">

35,通过按钮来查看网页源代码。

36,怎么用文字联结实现按钮的SUBMIT功能？

这段文字要放在form里。formname是这里要写在form中的name,<form name=form111>那么就应该是form111.submit()

37,如何做一个空链接？

加#

38,利用<IFRAME>来给网页中插入网页。

　　经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了<IFRAME>,它只适用于IE，NS可是不支持<IFRAME>的，但围着的字句只有在浏览器不支援 iframe 标记时才会显示，如<noframes>一样，可以放些提醒字句之类的话。

你注意啊！下面请和我学习它的用法。

分析代码：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>

　　src="iframe.html"

　　用来显示<IFRAME>中的网页来源，必要加上相对或绝对路径。

　　name="test"

　　这是连结标记的 target 参数所需要的。

　　align="MIDDLE"

　　可选值为 left, right, top, middle, bottom，作用不大。

　　width="300" height="100"

　　框窗的宽及长，以 pixels 为单位。

　　marginwidth="1" marginheight="1"

　　该插入的文件与框边所保留的空间。

　　frameborder="1"

　　使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）

　　scrolling="Yes"

　　使用 Yes 表示容许卷动（内定）， No 则不容许卷动。

39,请问＜tbody＞的用法？

tbody用法据说是加强对表格的控制能力的.例如：

　　tbody代码如果不是你用手写的话,只有在你用IE5打开一个网页的时候，把它另存为

一下，你的另存为的文件在表格中就会生成tbody代码。(即便你的表格根本就没有

tbody代码，IE5另存为的时候也会给你生成)。

40,Alt和Title都是提示性语言标签，请注意它们之间的区别。

　　在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。

alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。

用法如下：

补充知识：<TITLE><ALT>里面如何多行换行？在源代码里Enter回车。

<a href="#" Title="个人简历

姓名：张培

网名：我是闪梦

性别：男的，不是女的。

爱好：网页制作，软件开发">个人简历</a>

例如：个人简历

41, 用javascript代码来实现闪烁按钮。

<body>

</form>

if (document.all&&document.all.flashit)

{

var flashelement=document.all.flashit

if (flashelement.length==null)

flashelement[0]=document.all.flashit

function changecolor(which)

{

if (flashelement[which].style.color==`#800000`)

flashelement[which].style.color="#0063A4"

else

flashelement[which].style.color="#800000"

}

if (flashelement.length==null)

setInterval("changecolor(0)",1000)

else

for (i=0;i<flashelement.length;i++)

{

var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`

eval(tempvariable)

}

</script>

</body>

42,CSS给图片定义颜色边框。

img { border: 1px solid red}

43,在DW中如何使插入的FLASH透明。

方法一：选中swf,打开原代码窗口，在</object>前输入:<param name="wmode" value="transparent">

方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode选择transparent

44,在DW编辑文本中，如何输入一个空格呢？

输入空格的问题，在DW似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切换到全角状态。

45,为何我的DW中图形显示不正常。

第一种：可能是因为你定义并正在使用一个site，而你的HTML文件或者图片不在这个site包含的区域之内，因此dreamweaver使用file协议来

描述图象的绝对路径，可惜IE不支持src中使用file协议，所以图象就显示不出来了。

第二种：可能是放图片的文件夹或图片名为中文，也显示不到网页中去。

46,如何在本地机器上测试flash影片的loading？

我想这可能是很多人在问的题了，其实很简单，在Test时，选选View->Show Streaming就可以看到了。

47,在网页中做出一根竖的线有几种办法.

第一种方法：用一个像素图的办法！

如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image给你创建了一个缺省名为：spacer.gif的一个像素图文件。

代码中：

<tr>

</tr>

</table>

第二种方法：用表格填颜色的办法！把<td> </td>中的删掉 .

<tr>

</tr>

</table>

第三种方法：用水平条。

48, 关于鼠标拖动,改变层大小。──看看微软的做法.

document.execCommand("2D-position",false,true);

</script>

</DIV>