爱国设计
业内动态 | 技术文章 | 相关下载 | 设计素材 | 酷站欣赏 | 网站设计 | 娱乐新区 | 论坛交流
您的位置：首页 > 技术专栏 > 网页制作 > 网页教程 >  
超强推荐:部分网页编码技巧 2
作者：pengpeng | 时间：2004-07-10 | 来自：爱国者之族
浏览数： | 文章有0条评论 | 发布者：
　 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大 中 小

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) 取消按扭的聚焦
<input type=button value=按钮 hideFocus=true>
<p><input type=button value=普通的按钮>

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

<style>
img{width:200;height:50}
</style>
<img src=/upload/2005-4/2005423134245420.gif style="filter:revealTrans

(duration=4,transition=12)" id=ye>
<script>
setTimeout("fadeOut()",300);
function fadeOut(){
ye.filters.revealTrans.apply();
ye.src="/upload/2005-4/2005423134247201.gif";;
ye.filters.revealTrans.play();
setTimeout("fadeIn()",5000);
}
function fadeIn(){
ye.filters.revealTrans.apply();
ye.src="/upload/2005-4/2005423134245420.gif";;
ye.filters.revealTrans.play();
setTimeout("fadeOut()",5000);
}
</script>

=============================================================
54)如何在新窗口打开超链接?
如本页超链接全部在新窗口打开的话，在<head></head>中加入<base target="_blank">
仅对于单个超链接，写成：
<a href=地址 target=_blank>link</a>
或者：
<a href=# onclick=window.open(地址)>link</a>


==============================================================
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>
<td> </td>
</tr>
</table>

还有点线的表格,点线也是一样设置，只要把 dashed 改成 dotted 就可以了。
注意，虚线的效果只能在IE5.5以上版本观看。

====================================================================
57)注释效果”怎样做？

<SCRIPT language=JavaScript1.2>
<!--
tPopWait=50;
tPopShow=50000;
showPopStep=10;
popOpacity=100;

sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;

document.write("<style type=text/cssid=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里出现

<iframe src="about:blank" name="ibox" width="400" height="300"></iframe><br>
<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>
<iframe width=200 height=100 name=aa></iframe><iframe width=200 height=100 name=bb></iframe>
</nobr>

=========================================================
61)去掉下拉选项的边框
<div style="position: absolute; left: 10px; top: 10px; width: 115px; height: 20px;

clip:rect(2 114 20 2);">
<select>
<option>织梦幻影</option>
<option>织梦论坛</option>
</select>
</div>

=========================================================
62)隐藏状态栏里出现的LINK信息
<a href="http://www.it365cn.com/bbs"; onMouseOver="window.status=none;return true">织梦论

坛</a>

===========================================================
63)table的一个单元格本身能成为一个button吗？
<html>
<head><script language="JavaScript" type="text/JavaScript">
<!--
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(upload/2005-4/2005423134247339.gif) center center

fixed no-repeat">
</body>


===================================================================
66)按写信的格式编排的
<font color=red size=6>Dear Li:</font>
<blockquote>The content of the letter...</blockquote>


===========================================================
67)检查当前的浏览器是否安装了flash播放器,如果没有就安装.
用onerror事件
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

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

0" width="550" height="400" onerror=alert("您没有安装")>
<param name="movie" value="itdoor013.swf">
<param name="quality" value="high">
<embed src="itdoor013.swf" quality="high"

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="/upload/2005-4/2005423134247187.gif"; WIDTH="320"

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

<br><br><br>
加样式后：
<div class=alpha><IMG SRC="/upload/2005-4/2005423134247187.gif";

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

===========================================================================
69)表格隔行换色

<style>
tr{ yexj00:expression(this.style.background=(rowIndex%2==1)?orange:yellow)}
</style>
<table width=100% style="border-collapse:collapse; table-layout:fixed" border rules=cols>
<tr>
<td width=20%> </td><td> </td>
</tr>
<tr>
<td width=20%> </td><td> </td>
</tr>
<tr>
<td width=20%> </td><td> </td>
</tr>
<tr>
<td width=20%> </td><td> </td>
</tr>
<tr>
<td width=20%> </td><td> </td>
</tr>
<tr>
<td width=20%> </td><td> </td>
</tr>
</table>

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

<select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
<option selected>更多链接……</option>
<option value="http://www.cnbruce.com";>cnbruce</option>
<option value="http://www.it365cn.com";>it365cn</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？

<input name="cancel" type="reset" id="cancel" style="cursor:hand" value="织梦乱弹" onFocus="this.blur()" onclick="window.location=http://www.it365cn.com/bbs/";>


============================================================================
73)select里的option进行分类列表。
<span style="position:absolute;border:1px inset #d3d6d9"><select style="margin:-2px; width:200px">
<option selected>------------请选择------------</option>
<optgroup label="JavaScript&VBScript区">
<option>原 创
<option>经 典
<optgroup label="后台区">
<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区加上:
<script>
function window.open(){
return false;
}
</script>
即可。

======================================================================
76)网页保存不了

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

===================================================================
77)引用Cnbruce的阴影表格效果
<table align=center width=200 height=100 bgcolor=#f3f3f3 style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)">
<tr>
<td&, gt;<center>www.cnbruce.com</td>
</tr>
</table>


========================================================================
78)任务栏出现滚动字体的小代码
<script>
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)网页过渡效果最小的代码
<meta http-equiv="page-enter" content="revealtrans(duration=2,transition=12)">
<meta http-equiv="page-exit" content="revealtrans(duration=2,transition=12)">


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

<style type="text/css">
<!--
.style1 { background-image: url(upload/2005-4/2005423134248538.gif)}
.style2 { background-image: url(upload/2005-4/2005423134249842.gif)}
-->
</style>
<table width="300px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" onmouseover="this.className=style1" onmouseout="this.className=style2">鼠标移来，然后移走，看看效果...</td>
</tr>
</table>

=======================================================================
81) Thumbs.db是什么文件
缓存缩略图文件，与站点无关，直接删除。


===========================================================================
82)纯HTML实现圆角表格
<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=3 width="100%">
<TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=1>
<TD width=1></TD>
<TD width=1></TD>
<TD width=1></TD>
<TD bgColor=#908a47></TD>
<TD width=1></TD>
<TD width=1></TD>
<TD width=1></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD bgColor=#f7f8f9></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47></TD>
<TD bgColor=#f7f8f9 colSpan=3></TD>
<TD bgColor=#908a47></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD> <TABLE style="TABLE-LAYOUT: fixed" height="100%" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=1 bgColor=#908a47></TD>
<TD id=oINNER bgColor=#f7f8f9>
<font style="font-size:11px; font-family:Tahoma; color:#ff0000; margin:0px 10px;">Hey you guys, Put Your Text Here.</font></TD>
<TD width=1 bgColor=#908a47></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR height=3 width="100%">
<TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=1>
<TD width=1></TD>
<TD width=1 bgColor=#908a47></TD>
<TD width=1 bgColor=#f7f8f9></TD>
<TD bgColor=#f7f8f9></TD>
<TD width=1 bgColor=#f7f8f9></TD>
<TD width=1 bgColor=#908a47></TD>
<TD width=1></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD bgColor=#f7f8f9></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD></TD>
</TR>
<TR height=1>
<TD colSpan=3></TD>
<TD bgColor=#908a47></TD>
<TD colSpan=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>

=============================================================================
83)浏览器跳转
<script language=javascript>setTimeout("location.replace(http://www.it365cn.com/bbs/)",2000)</script>
二秒后进入织梦论坛

============================================================================
84)如何使文本框内的字为不可改动
<input value=aaaa disabled><input value=bbbb readonly>


========================================================================
85)如何实现全屏效果
<html><head>
<title>blue</title>
<SCRIPT>
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>
<a href="Java Script : ow(/bbs/);">
it365cn bbs</a>

==========================================================================
86)使用CSS滤镜制作字体凹陷的效果
<style>
td{filter:DropShadow(Color=white,OffX=1,OffY=1,);font-size: 14px;}
</style>

<body bgcolor="#CCCCCC">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td>WWW.IT365CN.COM　织梦幻影</td></tr></table>
</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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</HEAD>

<body>
<div id=haiwa style="background-color: #EEEEEE; border: 1 solid #000000; width: 120; height: 20;overflow:auto" onmouseover=this.style.height="120"; onmouseout=haiwa.style.height=20;>
<SCRIPT language=JavaScript>
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的是这一句：
<script src=”4.files/scroll.js”></script>可以通过修改这一句来修改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>


相关链接
 ·代码的魔术����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]
热门评论
验证码: 匿名
 信息检索
COPYRIGHT 2005-2006 BY EGZ'DESIGN ALL RIGHTS 程序支持 | 联系我们 | 信息反馈 | 在线留言 |


爱国设计™ 版权所有 陕ICP备05002767号 联系QQ

本站采用符合W3C标准的XHTML1.1代码格式编写 　本站使用符合W3C标准的CSS+DIV格式布局排版 　 　服务器端脚本采用PHP4编写 　本站后台数据库采用MySQL