制作网页的会用到的代码.docx
- 文档编号:6476184
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:8
- 大小:21.87KB
制作网页的会用到的代码.docx
《制作网页的会用到的代码.docx》由会员分享,可在线阅读,更多相关《制作网页的会用到的代码.docx(8页珍藏版)》请在冰豆网上搜索。
制作网页的会用到的代码
喜欢制作网页的会用到的代码(很全哦)
本帖最后由kevin_jj于2010-9-2300:
54编辑
典型特效
1、收藏本站
说明:
点击即可把你的网站添加到浏览器的收藏菜单下
代码:
hand"onClick="window.external.addFavorite('','盐城人才网')"title="收藏盐城人 才网">收藏本站 2、设为首页 说明: 点击即可把你的网站设置为浏览器的起始页 代码: strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');" style="CURSOR: hand">设为首页 3、去掉超链接的下划线 说明: 有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码
注意,网页的
标签里不能再有link之类的属性,否则本效果会失效!代码:
--
A:
link{text-decoration:
none}
A:
visited{text-decoration:
none}
A:
hover{color:
#ff00ff;text-decoration:
underline}
-->
4、自动刷新网页
说明:
在HTML的与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。
代码中300为刷新的延迟时间,以
秒为单位。
targer.html为你想转向的目标页,若为本页则为自动刷新本页。
代码:
5、刷新本页
说明:
点击即可刷新本页。
代码:
location.reload()"target="_self">刷新 6、返回到上一页 说明: 点击即可返回到上一页面。 代码: history.back(-1)">返回上一页 7、跳出小窗口 说明: 在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。 “window.html”为跳出的小窗口里所要显示的网页。 toolbar、sta tus、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无,resizable设置是否可让浏览者改变小窗口大小,width 、height设置小窗口的宽度以及高度。 (不过这样的小窗口一般是不受欢迎的哦! ) 代码: 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"); 8、自动关闭窗口 说明: 在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭! 这与跳出式小窗口配合使用是再好不过啦! 代码中“i=20”表示 关闭的延迟时间为20秒,可任意修改。 代码: -- functionclock(){i=i-1 document.title="本窗口将在"+i+"秒后自动关闭! "; if(i>0)setTimeout("clock();",1000); elseself.close();} vari=20 clock(); //--> 9、给页面加保护 说明: 如果你不想让辛辛苦苦做出来的东西被人轻易地Copy& aste走的话,不妨在HTML里加入下面这段代码。 当在网页里按下鼠标右键时,出 现的不是想要的快捷菜单而是一个警告窗口。 “\n\n”表示换行。 代码: functionycrc_com_cn() { if(event.button==2)alert('仅供浏览! 谢谢! \n\n若有问题请与我联系! ') } 然后把 10、固定字号大小 说明: 你是否有过这样的经历: 一个布置得很好的网页,当浏览时把浏览器的字号设置成大或小时,漂亮的网页马上面目全非了。 因为字的大 小变了,版式自然乱了。 现在好了,只要把下面这段代码加入到网页源文件的
代码:
--
body{font-size:
9pt}
td{font-size:
9pt}
-->
11、状态栏里的动态欢迎语
说明:
浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!
代码:
--
functionstatusMessageObject(p,d){
this.msg=MESSAGE
this.out=""
this.pos=POSITION
this.delay=DELAY
this.i=0
this.reset=clearMessage
}
functionclearMessage(){
this.pos=POSITION
}
varPOSITION=100
varDELAY=5
varMESSAGE="欢迎光临!
WelcometoWWW.YCRC.COM.CN"
varscroll=newstatusMessageObject()
functionscroller(){
for(scroll.i=0;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 {out+=msg.charAt(i)} for(i=1;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="snapIn("+jumpSpaces+","+position+")"; scrollID=window.setTimeout(cmd,scroll.delay); returnfalse } returntrue } snapIn(100,0); //--> 12、保护自己的页面不被别人放在框架中 说明: 有些人真是懒得可以,把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,而且看不出该网页的真实地址 ! 为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。 代码: if(self! =top){top.location=self.location;} 按钮特效 13、全屏显示 说明: 真正的全屏显示,只能用ALT+F4关闭 代码: 'fullscreen')"> 14、打开一个全屏窗口 说明: 用按钮打开一个全屏窗口 代码: -- 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、各种用途的按钮大集合 说明: 各种用途的按钮大集合 代码: '+window.location.href"> -- functionReloadButton(){location.href="3.html";} //--> -- functionHomeButton(){location.href="";} //--> -- functionAlertButton(){window.alert("今天你喝了没有? ");} //--> -- functionStatusButton(){window.status="你好吗? ";} //--> -- functionBgButton(){ if(document.bgColor=='#3399ff') {document.bgColor='#00ccff';} else{document.bgColor='#3399ff';} } //--> -- 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: yellow;background: navy;font-style: italic} --> type="Button"value="按钮也疯狂"name="Button" onMouseOver="this.className='over';" onMouseOut="this.className='';this.value='按钮也疯狂'" onMouseDown="this.className='down';" onMouseUp="this.className='over';" onClick="this.value='我真的好喜欢你! '"> 17、让屏幕抖动一阵 说明: 让屏幕抖动一阵 代码: ! ! "> -- functionsurfto(form){ varmyindex=form.select1.selectedIndex if(form.select1.options[myindex].value! =null){ parent.main.location.href=form.select1.options[myindex].value; } } //--> -- functionwww_ycrc_com_cn(n){ if(window.top.moveBy){ for(i=10;i>0;i--){ for(j=n;j>0;j--){ window.top.moveBy(0,i); window.top.moveBy(i,0); window.top.moveBy(0,-i); window.top.moveBy(-i,0); } } } alert("没吓坏吧! ! ! "); } //--> 页面背景 .................. .................. 还有好多,打个包吧,感兴趣的可以看看
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 制作 网页 用到 代码