网站实用技巧
1。图片半透明显示特效
在<head>到</head>之间插入如下的JAVASCRIPT代码:
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
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>
在要插入的图片添加如下代码:
<img onMouseOut=nereidFade(this,50,10,4) onMouseOver=nereidFade(this,100,10,4) style="FILTER: alpha(opacity=50)" src="http://www.shineson.com/logo.jpg">
*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50%
2。
如是点击Flash按钮,则在显示页的HEAD中写
<script language="JavaScript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
</script>
在flash 的按钮上写
on (press) {
getURL("javascriptpenNewWindow(要打开的页名.htm','words','height=446,width=720,toolbar=no,scrollbars=no')";
}
3。
如何为网页设置背景音乐
◆代码:< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >
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时可以隐藏面板
4。
如何避免别人将你的网页放入他的框架(FRAME)中
◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码:
<script language="javascript"><!--
if (self!=top){top.location=self.location;}
-->< /script>
5。什么时候可以加ID,什么时候元素可以加Name
表单元素(form input textarea select)与框架元素(iframe frame)用 name
这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只
接收有name的元素, 赋ID的元素通过表单是接收不到值的, 你自己可以验证一下.
有一个例外: A 可以赋 name 作为锚点, 也可以赋ID
当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了.
赋 name: document.formName.inputName document.frames("frameName")
赋 ID : document.all.inputID document.all.frameID
只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID)
body li table tr td th p div span pre dl dt dd font b 等等
6。小技巧
filter:chroma(color:#FFFFFF);让指定的背景色透明
text-indent:2em; 首行缩进
background-color: transparent; transparent表示透明色
border-collapse:collapse; 它会自动把相同的边框线合并
font:12px/18px;前面代表字体大小,后面代表行高
在<head>到</head>之间插入如下的JAVASCRIPT代码:
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){
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>
在要插入的图片添加如下代码:
<img onMouseOut=nereidFade(this,50,10,4) onMouseOver=nereidFade(this,100,10,4) style="FILTER: alpha(opacity=50)" src="http://www.shineson.com/logo.jpg">
*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50%
2。
如是点击Flash按钮,则在显示页的HEAD中写
<script language="JavaScript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
</script>
在flash 的按钮上写
on (press) {
getURL("javascriptpenNewWindow(要打开的页名.htm','words','height=446,width=720,toolbar=no,scrollbars=no')";
}
3。
如何为网页设置背景音乐
◆代码:< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >
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时可以隐藏面板
4。
如何避免别人将你的网页放入他的框架(FRAME)中
◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码:
<script language="javascript"><!--
if (self!=top){top.location=self.location;}
-->< /script>
5。什么时候可以加ID,什么时候元素可以加Name
表单元素(form input textarea select)与框架元素(iframe frame)用 name
这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只
接收有name的元素, 赋ID的元素通过表单是接收不到值的, 你自己可以验证一下.
有一个例外: A 可以赋 name 作为锚点, 也可以赋ID
当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了.
赋 name: document.formName.inputName document.frames("frameName")
赋 ID : document.all.inputID document.all.frameID
只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID)
body li table tr td th p div span pre dl dt dd font b 等等
6。小技巧
filter:chroma(color:#FFFFFF);让指定的背景色透明
text-indent:2em; 首行缩进
background-color: transparent; transparent表示透明色
border-collapse:collapse; 它会自动把相同的边框线合并
font:12px/18px;前面代表字体大小,后面代表行高