经典javaScript代码Word下载.docx
《经典javaScript代码Word下载.docx》由会员分享,可在线阅读,更多相关《经典javaScript代码Word下载.docx(37页珍藏版)》请在冰点文库上搜索。
页面定时转向新的地址
refresh"
秒;
URL=url"
不会弹出提示直接关闭窗口:
把如下代码加入<
body>
区域中
OBJECTid=closestype="
application/x-oleobject"
classid="
clsid:
adb880a6-d8ff-11cf-9377-00aa003b7a11"
paramname="
Command"
value="
Close"
/object>
scriptlanguage="
javascript"
functionshutwin(){closes.Click();
return;
}<
/script>
ahref="
javascript:
shutwin();
"
关闭本窗口<
/a>
随机图片:
--
today=newDate();
jran=today.getTime();
functionrnd(){
ia=9301;
ic=49297;
im=233280;
jran=(jran*ia+ic)%im;
returnjran/(im*1.0);
};
functionrand(number){
returnMath.ceil(rnd()*number);
document.write("
CENTER>
);
for(i=1;
i<
=1;
i++){
myNum=(rand(10));
//改成你要随机显示的图片数;
if(myNum==1)document.write("
imgsrc='
photo/back.jpg'
if(myNum==2)document.write("
photo/j2.gif'
//图片路径,可用http:
//;
if(myNum==3)document.write("
photo/email.gif'
if(myNum==4)document.write("
photo/arrow.gif'
if(myNum==5)document.write("
if(myNum==6)document.write("
if(myNum==7)document.write("
if(myNum==8)document.write("
if(myNum==9)document.write("
if(myNum==10)document.write("
else{
document.write();
}
/CENTER>
//-->
其实改一改随机什么都行,也不一定在body中
图片显隐效果
脚本说明:
scriptlanguage=javascript>
//FlashImageExtensionforDreamwever,byYichunYuan(dezone(AT))
nereidFadeObjects=newObject();
nereidFadeTimers=newObject();
functionnereidFade(object,destOp,rate,delta){
if(!
document.all)
return
if(object!
="
[object]"
){//dothissoIcantakeastringtoo
setTimeout("
nereidFade("
+object+"
"
+destOp+"
+rate+"
+delta+"
)"
0);
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+"
],"
rate);
ahref=#>
imgsrc="
photoshopcn.jpg"
border=0onMouseOut=nereidFade(this,50,10,5)onMouseOver=nereidFade(this,100,10,5)style="
FILTER:
alpha(opacity=40)"
真正做到滚动条透明的代码
STYLE>
body{
scrollbar-base-color:
#ffffff;
scrollbar-darkshadow-color:
scrollbar-highlight-color:
background:
url(背景图片地址);
overflow:
hidden;
margin:
0;
}
div.main{
scroll;
width:
100%;
height:
filter:
chroma(color=#ffffff);
/STYLE>
DIVclass=mainid=Layer1style="
Z-INDEX:
1;
RIGHT:
600px;
OVERFLOW-X:
hidden;
OVERFLOW:
scroll;
WIDTH:
400px;
POSITION:
absolute;
TOP:
47px;
HEIGHT:
400px"
框架内容<
/DIV>
--------------------------------------------------------------------------------
背景音乐代码集合
1.如何贴rm,ra,ram类型的音乐,代码如下:
embedwidth="
0"
height="
type="
audio/x-pn-realaudio-plugin"
autostart="
true"
controls="
ControlPanel"
src="
2.如何贴midi,asf,wma,asx类型的音乐,代码如下:
embedautostart="
loop="
-1"
width="
只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码,否则这段代码会以文本形式显示出来,不能被执行),用你喜欢及可用的音乐文件的URL(网址)代替上面红色显示的音乐地址代码就可以了。
造成音乐不能成功播放的大多数原因:
A:
音乐文件错误,有可能这个文件本身就不是音乐的文件,只是一个普通的HTML页面。
B:
音乐文件地址错误,这个音乐文件根本不存在。
C:
没有安装相关的播放软件。
测试的办法:
请把音乐文件地址在IE栏输入,如果提示你保存,保存的文件类型是rm、ram、midi等的文件即是音乐文件。
如果打开这个文件是自动播放音乐或显示其他内容的,则不是。
添加带音乐的flash,然后在弹出窗口输入你的FLASH地址,注意后戳名为:
http:
//xxxxx.xxxx.swf,大小可以调整为,1*1,这样可以在不显示FALSH的情况下播放音乐,但是记住要为自动播放的,不要找那种需要按开始的FLASH
加入一段在线音乐播放代码,推荐使用:
IFRAMEmarginHeight=0src="
frameBorder=0noResizewidth=540scrolling=noheight=25>
将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供
以下代码由[秋天的风]提供:
首先打开我的文章,进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的:
bgsoundsrc="
/”url"
”loop=-1>
“url”依然是路径名,loop表示循环数,-1表示始终循环
来看第二种:
EMBEDsrc="
music.mid"
bool"
n"
m"
k"
其中各个属性的含义如下:
SRC:
音乐文件路径
(以下可选)AUTOSTART:
音乐文件上传完后自动播放,TRUE为播放,FALSE为否
LOOP:
设置循环TRUE为自动循环,FALSE为不循环,数值为次数
WIDTH,HEIGHT为播放控制面板的宽和高,
其余的属性有:
volume:
取值范围为"
0-100"
,设置音量,默认为系统本身的音量
starttime:
分:
,设置歌曲开始播放的时间,如,starttime="
00:
10"
,从第10秒开始播放
endtime:
"
,设置歌曲结束播放的时间
controls:
控制面板的外观controls="
console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"
·
console正常大小的面板
·
smallconsole较小的面板
playbutton显示播放按钮
pausebutton显示暂停按钮
stopbutton显示停止按钮
volumelever显示音量调节按钮
hidden:
为true时可以隐藏面板
——以下代码由[风之舞]提供:
背景音乐代码精简
1、<
embedsrc="
背景音乐网址"
hidden="
--------hidden="
表示隐藏播放,即不显示播放器的外观,若要想显示,把"
替换为"
false"
即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="
高度值"
宽度值"
就可以了。
-------autostart="
表示当前页一载入则自动播放,若不希望播放改为autostart="
即可...
------loop="
表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为loop="
就OK了
2、<
-----------loop="
表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="
2"
---------controls="
这个控制选项可省略
--------width="
表示隐藏播放,和前面的一样。
若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="
123"
100"
--------------------------------------------------
其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了--->
-----------------------------------------------------
另外:
背景音乐路径"
这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。
这个一般用于mid音乐或较小的mp3,wav格式的音乐.若是较大的文件还是用前面所说的格式吧~~
这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。
而,<
常用于mid,,wav,mp3类型的音乐类型.
这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~
支持的音乐文件类型:
只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等.
不支持rm,ram....
视频文件的插入方法也和上面所说的一样,设置好合适的
音乐代码解释
解释一下:
AUTOSTART="
TRUE/FALSE"
是否要在音乐档传完之后,就自动播放音乐。
TRUE是要
FALSE是不要,内定值是不要。
LOOP="
TRUE/FALSE/整数"
设定是否要自动反覆播放,LOOP=2表示重复两次,若要无限次重复可用LOOP="
TRUE"
WIDTH和HIGH="
整数"
设定控制面版的宽度和高度
CONTROLS="
CONSOLE/SMALLCONSOLE/
PLAYBUTTON/PAUSEBUTTON/STOPBUTTON/
VOLUMELEVER"
设定控制面板的样子,预设值是CONSOLE
CONSOLE一般正常的面板
SMALLCONSOLE较小的面板
PLAYBUTTON只显示播放按钮
PAUSEBUTTON只显示暂停按钮
STOPBUTTON只显示停止按钮
VOLUMELEVER只显示音量调整钮
圖片特傚代碼
1、让背景固定不滚动
Bodybgproperties="
fixed"
2、随即显示图片,而每张图片会连接至不同的网址。
将代码加入<
/body>
之间。
SCRIPTLanguage="
JavaScript"
//随即图片加连接
pic01=newArray();
//图片路径(可用完整http的路径)
pic01[0]="
hp_img/pki_title_01.gif"
;
pic01[1]="
hp_img/pki_title_02.gif"
pic01[2]="
hp_img/pki_title_03.gif"
pic01[3]="
hp_img/pki_title_04.gif"
alt=newArray();
//图片说明
alt[0]="
蕃薯藤"
//对应pic01(0)图片的说明
alt[1]="
YAHOO"
alt[2]="
SINA"
alt[3]="
104"
url=newArray();
//连接网址
url[0]="
.tw"
//请对应pic01[0]的图片及alt[0]的说明
url[1]="
url[2]="
url[3]="
index=Math.floor(Math.random()*pic01.length);
document.write ("
/+url[index]+"
target='
_balnk'
+pic01[index]+"
alt="
+alt[index]+"
border=0>
/SCRIPT>
3、鼠标指向图标时图片会变清晰,移开则变淡.
将代码一插入在<
head>
/head>
之间.
#spotlight{
light
SCRIPTlanguage=JavaScript1.2>
functionhigh(which2){
theobject=which2
highlighting=setInterval("
highlightit(theobject)"
50)
functionlow(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
functionhighlightit(cur2){
if(cur2.filters.alpha.opacity<
100)
cur2.filters.alpha.opacity+=5
elseif(window.highlighting)
将代码二插入在<
之间.其中注意更改链接网址和图片位置.
imgborder=0name=Image1onMouseOut=low(this)onMouseOver=high(this)
src="
../images/logo.gif"
style="
width=150height="
200"
4、当鼠标移动到图片上时,回出现图片摇动的现象。
imgsrc=图片地址class="
shakeimage"
onMouseover="
init(this);
rattleimage()"
onMouseout="
stoprattle(this)"
5、图片纵向滚动连接(很适用友情连接)
marqueeid=snowscrolldirection=upscrollDelay=100scrollAmount=2width=500height=100onMouseout=snowscroll.start()onMouseover=snowscroll.stop()>
palign=center>
连接地址"
target=_blank>
LOGO地址"
88"
31"
br>
/marquee>
其中,width是显示出来的宽度,height是高度,可以根据需要调整。
而scrollamount和scrolldelay可以改变速度。
direction是改变LOGO滚动的方向。
『注:
以上代碼大傢自己研究。
本人沒有使用。
只提供一下』
浏览器全屏显示代码
把如下代码加入<
form>
<
divalign="
center"
inputt