网页制作常用源代码.docx

网页制作常用源代码.docx

《网页制作常用源代码.docx》由会员分享，可在线阅读，更多相关《网页制作常用源代码.docx（15页珍藏版）》请在冰豆网上搜索。

网页制作常用源代码

网页制作常用源代码

目录

当前日历星期程序1

放在页首的代码2

倒计时源代码3

插入本机视频文件4

插入网络视频文件4

嵌套页面代码5

横向滚动条代码5

向上滚动条代码5

最后更新时间5

用按钮链接网站的程序6

固定字号大小6

去掉下划线代码6

10秒后自动链接到别的网页6

表格代码7

鼠标拖动数字时钟9

当前日历星期程序

例：

2010年11月24日星期三

today=newDate（）;

functioninitArray（）{

this.length=initArray.arguments.length

for（vari=0;i

this[i+1]=initArray.arguments[i]}

vard=newinitArray（

"星期日",

"星期一",

"星期二",

"星期三",

"星期四",

"星期五",

"星期六"）;

document.write（

"

10pt;font-family:

幼圆'>",

today.getYear（）,"年",

today.getMonth（）+1,"月",

today.getDate（）,"日",

d[today.getDay（）+1],

""）;

放在页首的代码

P{FONT-SIZE:

9pt}TD{FONT-SIZE:

9pt}

INPUT{FONT-SIZE:

9pt}SELECT{FONT-SIZE:

9pt}

A{TEXT-TRANSFORM:

none;COLOR:

#000000;TEXT-DECORATION:

none}

A:

hover{COLOR:

#ff0080;TEXT-DECORATION:

none}

A:

active{COLOR:

#ff0080;TEXT-DECORATION:

none}

.subject{FONT-SIZE:

12px;COLOR:

#000000;TEXT-DECORATION:

none}

.title1{FONT-SIZE:

12px;COLOR:

#660000;TEXT-DECORATION:

none}

.title1:

hover{FONT-SIZE:

12px;COLOR:

#669999}

.lianjie{FONT-SIZE:

12px;COLOR:

#808080;TEXT-DECORATION:

none}

.lianjie:

hover{FONT-SIZE:

12px}

.zzz{FONT-SIZE:

12px;LINE-HEIGHT:

14px}

--

--

functionMM_reloadPage（init）{//reloadsthewindowifNav4resized

if（init==true）with（navigator）{if（（appName=="Netscape"）&&（parseInt（appVersion）==4））

{

document.MM_pgW=innerWidth;document.MM_pgH=innerHeight;onresize=MM_reloadPage;}}

elseif（innerWidth!

=document.MM_pgW||innerHeight!

=document.MM_pgH）location.reload

（）;

}

MM_reloadPage（true）;

//-->

functionMM_swapImgRestore（）{//v3.0

vari,x,a=document.MM_sr;for（i=0;a&&i

}

functionMM_preloadImages（）{//v3.0

vard=document;if（d.images）{if（!

d.MM_p）d.MM_p=newArray（）;

vari,j=d.MM_p.length,a=MM_preloadImages.arguments;for（i=0;i

if（a[i].indexOf（"#"）!

=0）{d.MM_p[j]=newImage;d.MM_p[j++].src=a[i];}}

}

functionMM_findObj（n,d）{//v4.0

varp,i,x;if（!

d）d=document;if（（p=n.indexOf（"?

"））>0&&parent.frames.length）{

d=parent.frames[n.substring（p+1）].document;n=n.substring（0,p）;}

if（!

（x=d[n]）&&d.all）x=d.all[n];for（i=0;!

x&&i

for（i=0;!

x&&d.layers&&i

if（!

x&&document.getElementById）x=document.getElementById（n）;returnx;

}

functionMM_swapImage（）{//v3.0

vari,j=0,x,a=MM_swapImage.arguments;document.MM_sr=newArray;for（i=0;i<（a.length-

2）;i+=3）

if（（x=MM_findObj（a[i]））!

=null）{document.MM_sr[j++]=x;if（!

x.oSrc）x.oSrc=x.src;

x.src=a[i+2];}

}

//-->

倒计时源代码

--

BirthDay=newDate（"February14,2010"）;//改为计时日期

today=newDate（）;

timeold=（today.getTime（）-BirthDay.getTime（））;

sectimeold=timeold/1000

secondsold=Math.floor（sectimeold）;

msPerDay=24*60*60*1000

e_daysold=timeold/msPerDay

daysold=Math.floor（e_daysold）;

//-->

--

document.write（"2010年春节"+daysold+"天"）;

//-->

插入本机视频文件

6BF52A52-394A-11D3-B153-00C04F79FAA6"width="175"height="190"id="WindowsMediaPlayer1">

插入网络视频文件

"type="application/x-shockwave-flash"

width="480"height="415">

嵌套页面代码

横向滚动条代码

滚动条代码文字

向上滚动条代码

9pt;line

-height:

150%">

欢迎你！

进入我的网站——日历探秘！

亲爱的网友，

只要移动鼠标轻轻点击，

相信你会得到一些启示与收益！

最后更新时间

--hidescriptfromoldbrowsers

document.write（"最后更新时间:

"+document.lastModified+""）

//endhiding-->

用按钮链接网站的程序

固定字号大小

--

body{font-size:

9pt}

td{font-size:

9pt}

-->

去掉下划线代码

10秒后自动链接到别的网页

表格代码

行

列

表格一行

表格二行

表格一行二列

表格二行二列

表格四行二列

表格三行三列

首行居中后插入二行三列表格