网页小技巧

创建时间：2005-03-24 投稿人：浏览次数：5031

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

<script

声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。

上一篇： js学习一数组类型foreach方法
下一篇： php 判断某个元素是否出现在数组中

热门文章: CTF writeup 2_南邮网络攻防训...; SSM框架——详细整合教程（...; Linux Shell脚本编程－－curl命...; HttpClient使用详解; Java面试题全集（上）; JAVA设计模式之单例模式; java.lang.OutOfMemoryError: PermGen ...; TCP协议中的三次握手和四次...; form表单的两种提交方式，su...; String,StringBuffer与StringBuilder...

最新文章: Java之品优购课程讲义_day20（7）; 剑指 Offer - 8：跳台阶; Netty权威指南_札记02_NIO编程; mysql时间属性之时间戳和datetime之...; 虚拟现实或许可以拯救古埃及的“...; spring cloud服务注册中心eureka---集群...; Java SE 第六章; HTTP请求+数据库; HIDL学习笔记之HIDL C++（第二天）; ubuntu系统下指定tomcat运行时为JDK1.8...