<b>超强推荐:部分网页编码技巧1</b>--网页教程--爱国设计

超强推荐:部分网页编码技巧1

作者：pengpeng | 时间：2004-07-10 | 来自：爱国者之族
浏览数： | 文章有0条评论 | 发布者：
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大中小

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="/upload/2005-4/2005423134015582.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>

</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>

相关链接

·代码的魔术€€€€CSS滤镜之旅 [2006-07-26]

·常用WEB代码四 [2006-03-18]

·常用WEB代码三 [2006-03-18]

·常用WEB代码二 [2006-03-18]

·常用WEB代码一 [2006-03-17]

·整理收藏: 三十二条精华代码for ASP [2004-12-08]

·精华代码集 [2004-12-06]

·超强推荐:部分网页编码技巧 2 [2004-07-10]

·超强推荐:部分网页编码技巧1 [2004-07-10]

热门评论


验证码:	匿名

信息检索

最新下载

	金山毒霸2007 正式版-终身升级第
	动网论坛PHP RC3版
	火车头采集器3.0(2.0正式版)
	TQQ TenyQQ 1.7版（挂QQ软件）
	美工非常漂亮的交友网站
	owerShadow Master操作系统镜像软
	Windows 恶意软件删除工具(微软官
	烂碟复制badcopy2002正式版
	百万格子源码 1.2
	韩版潮流站-可爱吧-完整版

最新素材

文章搜索