制作网页的会用到的代码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("
没吓坏吧!
页面背景
..................
还有好多,打个包吧,感兴趣的可以看看