制作网页的会用到的代码Word下载.docx
《制作网页的会用到的代码Word下载.docx》由会员分享，可在线阅读，更多相关《制作网页的会用到的代码Word下载.docx（8页珍藏版）》请在冰豆网上搜索。
style="
设为首页<
3、去掉超链接的下划线
有时候看着那超链接的下划线挺讨厌的，把下面这段代码放到网页源代码<
head>
与<
/head>
之间，下划线就无影无踪啦！
注意，网页的<
body>
标签里不能再有link之类的属性，否则本效果会失效！
styleTYPE="
text/css"
!
--
A:
link{text-decoration:
none}
visited{text-decoration:
hover{color:
#ff00ff;
text-decoration:
underline}
-->
/style>
4、自动刷新网页
在HTML的与之间加入下面这段代码，则在5分钟之后正在浏览的页面将会自动变为target.html这一页。
代码中300为刷新的延迟时间，以
秒为单位。
targer.html为你想转向的目标页,若为本页则为自动刷新本页。
metahttp-equiv="
refresh"
content="
300;
url=target.html"
5、刷新本页
点击即可刷新本页。
ahref="
javascript:
location.reload（）"
target="
_self"
刷新<
/a>
6、返回到上一页
点击即可返回到上一页面。
history.back（-1）"
返回上一页<
7、跳出小窗口
在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。
“window.html”为跳出的小窗口里所要显示的网页。
toolbar、sta
tus、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无，resizable设置是否可让浏览者改变小窗口大小，width
、height设置小窗口的宽度以及高度。
（不过这样的小窗口一般是不受欢迎的哦！
）
scriptlanguage="
JavaScript"
window.open（"
window.html"
"
www_ycrc_com_cn"
toolbar=no,status=no,menubar=no,
scrollbars=no,resizable=no,width=468,height=60,left=200,top=50"
/script>
8、自动关闭窗口
在网页源代码中加入下面的代码，则该窗口将在20秒钟之后自动关闭！
这与跳出式小窗口配合使用是再好不过啦！
代码中“i=20”表示
关闭的延迟时间为20秒，可任意修改。
javascript"
functionclock（）{i=i-1
document.title="
本窗口将在"
+i+"
秒后自动关闭!
if（i>
0）setTimeout（"
clock（）;
1000）;
elseself.close（）;
}
vari=20
//-->
9、给页面加保护
如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&
aste走的话，不妨在HTML里加入下面这段代码。
当在网页里按下鼠标右键时，出
现的不是想要的快捷菜单而是一个警告窗口。
“\n\n”表示换行。
functionycrc_com_cn（）
{
if（event.button==2）alert（'
仅供浏览!
谢谢!
\n\n若有问题请与我联系!
'
）
然后把<
改为
bodyonmousedown="
ycrc_com_cn（）"
10、固定字号大小
你是否有过这样的经历：
一个布置得很好的网页，当浏览时把浏览器的字号设置成大或小时，漂亮的网页马上面目全非了。
因为字的大
小变了，版式自然乱了。
现在好了，只要把下面这段代码加入到网页源文件的<
之间就行了（对用<
font>
标签定义的文字无效）。
styletype="
body{font-size:
9pt}
td{font-size:
11、状态栏里的动态欢迎语
浏览器的状态栏里出现一个字接一个字往左跑的欢迎语！
functionstatusMessageObject（p,d）{
this.msg=MESSAGE
this.out="
"
this.pos=POSITION
this.delay=DELAY
this.i=0
this.reset=clearMessage
functionclearMessage（）{
varPOSITION=100
varDELAY=5
varMESSAGE="
欢迎光临!
WelcometoWWW.YCRC.COM.CN"
varscroll=newstatusMessageObject（）
functionscroller（）{
for（scroll.i=0;
scroll.i<
scroll.pos;
scroll.i++）{
scroll.out+="
if（scroll.pos>
=0）
scroll.out+=scroll.msg
elsescroll.out=scroll.msg.substring（-scroll.pos,scroll.msg.length）
window.status=scroll.out
scroll.out="
scroll.pos--
if（scroll.pos<
-（scroll.msg.length））{
scroll.reset（）
setTimeout（'
scroller（）'
scroll.delay）
functionsnapIn（jumpSpaces,position）{
varmsg=scroll.msg
varout="
for（vari=0;
i<
position;
i++）
{out+=msg.charAt（i）}
for（i=1;
i<
jumpSpaces;
i++）
{out+="
out+=msg.charAt（position）
window.status=out
if（jumpSpaces<
=1）{
position++
if（msg.charAt（position）=='
{position++}
jumpSpaces=100-position
}elseif（jumpSpaces>
3）
{jumpSpaces*=.75}
else
{jumpSpaces--}
if（position!
=msg.length）{
varcmd="
snapIn（"
+jumpSpaces+"
+position+"
scrollID=window.setTimeout（cmd,scroll.delay）;
}else{
window.status="
jumpSpaces=0
position=0
cmd="
returnfalse
returntrue
snapIn（100,0）;
//-->
12、保护自己的页面不被别人放在框架中
有些人真是懒得可以，把别人做好的网页往自己网页的框架（Frame）里一放，别人的成果就变成了自己的，而且看不出该网页的真实地址
！
为了防止你的成果被这些人所剽窃，你就可以在你网页的HTML里加入下面这段代码，这样，你的网页便总是在整个窗口中打开了。
ScriptLANGUAGE="
if（self!
=top）{top.location=self.location;
按钮特效
13、全屏显示
真正的全屏显示,只能用ALT+F4关闭
inputtype="
BUTTON"
name="
FullScreen"
value="
全屏显示"
window.open（document.location,'
www_ycrc_com_cn'
fullscreen'
14、打开一个全屏窗口
用按钮打开一个全屏窗口
button"
www_ycrc_com_cn（）"
试试看"
script>
functionwww_ycrc_com_cn（）{
vartargeturl="
newwin=window.open（"
scrollbars"
if（document.all）{
newwin.moveTo（0,0）
newwin.resizeTo（screen.width,screen.height）
newwin.location=targeturl
15、各种用途的按钮大集合
各种用途的按钮大集合
inputTYPE="
NAME="
view"
VALUE="
查看源代码"
OnClick="
window.location='
view-source:
+window.location.href"
>
返回上一步"
ONCLICK="
刷新按钮一"
ReloadButton（）"
functionReloadButton（）{location.href="
3.html"
p>
刷新按钮二"
history.go（0）"
回首页按钮"
HomeButton（）"
functionHomeButton（）{location.href="
弹出警告框"
AlertButton（）"
functionAlertButton（）{window.alert（"
今天你喝了没有？
状态栏信息"
StatusButton（）"
functionStatusButton（）{window.status="
你好吗？
背景色变换"
BgButton（）"
functionBgButton（）{
if（document.bgColor=='
#3399ff'
{document.bgColor='
#00ccff'
else{document.bgColor='
打开新窗口"
NewWindow（）"
function
NewWindow（）{window.open（"
height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no,
directories=no,menubar=no"
16、特殊效果的按钮
特殊效果的按钮
.over{color:
yellow;
background:
navy}
.down{color:
navy;
font-style:
italic}
input
type="
Button"
按钮也疯狂"
onMouseOver="
this.className='
over'
onMouseOut="
this.value='
按钮也疯狂'
onMouseDown="
down'
onMouseUp="
onClick="
我真的好喜欢你！
17、让屏幕抖动一阵
让屏幕抖动一阵
地震啦！
functionsurfto（form）{
varmyindex=form.select1.selectedIndex
if（form.select1.options[myindex].value!
=null）{
parent.main.location.href=form.select1.options[myindex].value;
JavaScript1.2"
functionwww_ycrc_com_cn（n）{
if（window.top.moveBy）{
for（i=10;
i>
0;
i--）{
for（j=n;
j>
j--）{
window.top.moveBy（0,i）;
window.top.moveBy（i,0）;
window.top.moveBy（0,-i）;
window.top.moveBy（-i,0）;
alert（"
没吓坏吧!
页面背景
..................
还有好多，打个包吧，感兴趣的可以看看
升级会员 