"总结的部分网页编码技巧"
1)请问如何让一个打开的窗口在限定时间内自动关闭？
--------------------------------------------
你IE版本IE6.0以上的话这个可以:
<body onload="setTimeout('window.close()',2000)">
两秒钟关闭(1s=1000微秒)
</body>
===========================================================
2)滚动条不显示就在<body>里加style="overflow:hidden"
去掉框架线在<frame>中加frameborder=0
<frameset cols="*,150" framespacing=10>
<frame noResize frameborder=1 src="about:blank">
<frame noResize frameborder=1 src="about:blank">
</frameset>
===========================================================
3)请问怎么把它搞成只有外面的线，表里面所有线都不要
<table width="75%" border="1" cellspacing="0" bordercolor="#FF0000" rules=none>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="80%" style="border: 1 solid #FF0000">
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</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>
<a href=#>Link</a>
======================================================================
5)一张图片，看起来很模糊，可是把鼠标移在那张图片的上面，就变得清晰
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
// 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打开图片新窗口用什么代码？
<img src="images/postnew.gif" onclick="window.open('','','width=200,height=200')">
<a href="Java Script : void(window.open('','','width=200,height=200'))"><img src="images/postnew.gif"></a>
=======================================================================
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；
<table width="250" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<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)按扭边上的虚线如何去掉？如何不让它显视呢？
<input type=button value="Click Me" onfocus="blur()">
=================================================================================
14)滚动条居左的代码!
<HTML dir=rtl>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<div align=center style="font-size:14px">看左边的滚动条！！</div>
</BODY>
</HTML>
====================================================================================
15)如何在一个站点不同页面间播放同一种声文件？
大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了
。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上
框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；
第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。
======================================================================================
16) 我想使文字距离边框有一定距离,如何实现？
<table width="100%" border="0" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#0099FF">
<tr>
<td bgcolor="#FFFFFF" style="padding:10px;"><div align="center">欢迎光临“织梦论坛”</div></td>
</tr>
</table>
======================================================================================
17)如何实现无提示关闭窗口！
<input type=button value=test onclick="setTimeout('window.close()',100)">
=====================================================================================
18)网页中虚线表格的制作
可以定义样式表：style="border:1px #000000 dashed"
放到<table>里,例如：
<table style="border:1px #000000 dashed" width="200" border="0" cellspacing="0" cellpadding="2">
<tr>
<td> </td>
</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）
<script language="javascript" src="./script/poptext.js"></script>
在每个需要显示的超链接上加入代码：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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>检测分辨率</title>
</head>
<body onload="alert('你当前的分辨率是:'+screen.width+'*'+screen.height);">
</body>
</html>
================================================================================
25)按分辨率的不同调用不同页面的代码
<html>
<head>
<title>这是判断显示器的分辨率</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script>
<!--
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)输入框只能输入汉字
<script language="javascript">
function openwin(p)
{
if (p!="")
{
window.open(p,'pop','width=400,height=300')
}
}
</script>
<select onchange="openwin(options[selectedIndex].value)">
<option value="">请选择
<option value="1.htm">1
<option value="2.htm">2
<option value="3.htm">3
</select>
===============================================================================
27)在下拉菜单里的连接中打开新窗口，固定这个窗口的大小，如400x300：
<script language="javascript">
function openwin(p)
{
if (p!="")
{
window.open(p,'pop','width=400,height=300')
}
}
</script>
<select onchange="openwin(options[selectedIndex].value)">
<option value="">请选择
<option value="1.htm">1
<option value="2.htm">2
<option value="3.htm">3
</select>
=================================================================================
28)制一表单,在文本框中客户端随意输入一网址,按"提交"后,即可打开(链接到)该网址的代码：
<input type=text name="url" value="http://";><input type=button value="打开" onClick="window.open(url.value);">
可以控制window.open方法，实现打开窗口的个性化设置
====================================================================================
29)列表/菜单中，选中时后新窗口链接
<form name="form2" >
<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以上的话这个可以:
<body onload="setTimeout('window.close()',2000)">
两秒钟关闭(1s=1000微秒)
</body>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
===========================================================
2)滚动条不显示就在<body>里加style="overflow:hidden"
去掉框架线在<frame>中加frameborder=0
<frameset cols="*,150" framespacing=10>
<frame noResize frameborder=1 src="about:blank">
<frame noResize frameborder=1 src="about:blank">
</frameset>
