网页按钮使用的各种代码及网页代码大全_第1页
网页按钮使用的各种代码及网页代码大全_第2页
网页按钮使用的各种代码及网页代码大全_第3页
网页按钮使用的各种代码及网页代码大全_第4页
网页按钮使用的各种代码及网页代码大全_第5页
已阅读5页，还剩79页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页按钮使用的各种代码按钮总的来说是WINDOWIN中最学用的也是最基本的一种控制部件，比如在各种编程语言中及应用程序中都少不了按钮的参与，在网页设计中也是如此，通过按钮可以完成很多任务，以下将全面讲解按钮使用技巧及应用实例。一、按钮的基本使用一般的可视性网页制作工具中，都有方便的按钮填加工具，可直接在网页的合适位置填加按钮，如果你使用手工的网页制作方法，那么可用下面的源代码制作按钮，其中onclick决定按下按钮的动作：<formmethod="POST"><p><inputtype="button"name="B1"value="按钮"></p>onclick></p></form>如果只使用单独的按钮，那么可省略form标签，只使用单纯的按钮代码，将节省按钮所占的网页空间：<p><inputtype="button"name="B1"value="按钮"></p>onclick></p>二、按钮的前景与背景控制绝大多数的人使用按钮时，都直接使用缺省的灰白色按钮有黑色的文字说明，其实按钮的背景和前景是可以随意改变的，请看下面的代码：<formname="highlight"><palign="center"><inputtype="button"value="变色按钮"style="background-color:rgb(255,0,0);color:rgb(255,2550,0)"onclick></p></form>其中background-color控制背景色，color按钮前景色；三、按钮的图片背景按钮不仅可以修改前景色和背景颜色，而且可以使用图片背景，下面的代码分别演示了固定的背景图片效果和动态的图片背景效果，动态的效果即在鼠标放到按钮上时，按钮的背景是另外一种图像背景，而鼠标离开时则恢复原来的图片背景，下面代码中的mainbb1.jpg和mainbb2.jpg分别为两个图像文件：<script><!--if(document.images){after=newImage()after.src="mainbb1.jpg"}functionchange2(image){varel=event.srcElementif(el.tagName=="INPUT"&&el.type=="button")event.srcElement.style.backgroundImage="url"+"('"+image+"')"}//--></script><formonmouseover="change2('mainbb1.jpg')"onmouseout="change2('mainbb2.jpg')"><palign="center"><inputtype="button"name="frme2"value="变化背景"style="background-color:rgb(192,192,192);FONT-FAMILY:宋体;FONT-SIZE:12pt;background-image:url('mainbb2.jpg')"class="initial"onclick="(h1.htm')"<br><inputtype="submit"name="B1"value="固定背景"style="FONT-SIZE:12pt;background-image:url('mainbb1.jpg')"></p></form>四、按钮字号和字型控制按钮上显示的文字也可以随意改变风格，可以设置字体的字型和字号，请看以下代码：<formname="highlight"><palign="center"><inputtype="button"value="变化字号"style="background-color:rgb(192,192,192);FONT-FAMILY:宋体;FONT-SIZE:9pt"color:rgb(255,2550,0)");onclick><inputtype="button"value="变化字号"style="background-color:rgb(192,192,192);FONT-FAMILY:宋体;FONT-SIZE:12pt"color:rgb(255,2550,0)");onclick></p></form>五、按钮鼠标移动变色上面已经介绍了按钮的颜色控制方法，加上鼠标事件的参与即可实现鼠标移动变色，下面是完整的代码：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb_2312-80"><metaname="GENERATOR"content="MicrosoftFrontPageExpress2.0"><title>变色按钮</title><style>.bigChange{color:blue;font-weight:bolder;font-size:175%;letter-spacing:4px;text-transform:uppercase;background:yellow}.start{color:ff0000;background:c8ff4e}.over{color:ffff00;background:0000ff}</style></head><bodybgcolor="#83E09C"><p><scriptlanguage="JAVASCRIPT">functionhighlightButton(s){if("INPUT"==event.srcElement.tagName)event.srcElement.className=s}</script></p><formname="highlight"onmouseover="highlightButton('start')"onmouseout="highlightButton('over')"><palign="center"><inputtype="button"value="变色按钮");onclick></p></form></body></html>六、鼠标移动按钮变字号利用同样的方法，也可以使按钮在鼠标移动时变换字号，其实字号的变化也引起了按钮尺寸的变化，这一效果能够引起游览者的注意力，当然也可以合起来使字号和颜色同时发生变化：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb_2312-80"><title>变号按钮</title><style>.bigChange{color:blue;letter-spacing:4px;text-transform:uppercase;background:yellow}.start{font-size:12pt}.over{font-size:9pt}</style></head><bodybgcolor="#83E09C"><scriptlanguage="JAVASCRIPT">functionhighlightButton(s){if("INPUT"==event.srcElement.tagName)event.srcElement.className=s}</script><formname="highlight"onmouseover="highlightButton('start')"onmouseout="highlightButton('over')"><palign="center"><inputtype="button"value="变号按钮");onclick></p></form></body></html>七、按钮上显示时钟按钮上显示的信息不仅可以事先定义成固定的字符串，而且可以随时更改，当然你也可以把一些动态的信息送到按钮上，下面是在按钮上显示走动的时钟的例子，效果非常好：<scriptLANGUAGE="JavaScript">day=newDate();miVisit=day.getTime();functionclock(){dayTwo=newDate();hrNow=dayTwo.getHours();mnNow=dayTwo.getMinutes();scNow=dayTwo.getSeconds();miNow=dayTwo.getTime();if(hrNow==0){hour=12;ap="AM";}elseif(hrNow<=11){ap="AM";hour=hrNow;}elseif(hrNow==12){ap="PM";hour=12;}elseif(hrNow>=13){hour=(hrNow-12);ap="PM";}if(hrNow>=13){hour=hrNow-12;}if(mnNow<=9){min="0"+mnNow;}else(min=mnNow)if(scNow<=9){secs="0"+scNow;}else{secs=scNow;}time=hour+":"+min+":"+secs+ap;document.form.button.value=time;self.status=time;setTimeout('clock()',1000);}document.write("<formname=\"form\">"+"<inputtype=buttonvalue=\"Clickforinfo!\""+"name=button></form>");onError=null;clock();</script>八、按钮控制显示源文件为了方便别人学习你的网页设计方法，在主页上放置一个按钮，按下该按钮后即自动显示源文件，是不是非常实用？代码如下，放到主页的正文区：<formmethod="POST"><palign="center"><inputtype="button"name="B1"value="显示源文件"onclick="window.location="view-source:"+window.location.href"></p></form>九、按钮链接站点这是按钮的一种最简单使用方法，按下按钮后转到一个站点：<form><p><inputtype="button"value="进入本站>>>"onclick="parent.location='http://'"></p></form>十、按钮改变页面背景通过按钮可以实时修改页面的颜色，如果让其自动在两种颜色之间快速切换背景颜色，就形成了闪烁效果，下面的代码设置了两个按钮，分别演示修改背景和闪烁效果，代码放到主页的正文区：<form><p><inputtype="button"value="背景色变换"onclick="BgButton()"></p></form><script>functionBgButton(){if(document.bgColor=='#00ffff'){document.bgColor='#ffffff';}else{document.bgColor='#00ffff';}}</script><FORM><INPUTTYPE="BUTTON"VALUE="闪烁"onClick="blinkit(self)"></FORM><SCRIPTLANGUAGE="JavaScript">functionblinkOn(){theWin.document.bgColor="0000ff"nTimes++JSCTimeOutID=window.setTimeout("blinkOff()",50);}functionblinkOff(){theWin.document.bgColor="FFFFFF"if(nTimes<3)JSCTimeOutID=window.setTimeout("blinkOn()",50);elsetheWin.history.go(0)}functionblinkit(aWin){nTimes=0theWin=aWinJSCTimeOutID=window.setTimeout("blinkOn()",50);}</SCRIPT>十一、按钮刷新页面尽管浏览器上都有刷新按钮，但在主页中设置上则显得页面更为完善，尤其是那些经常需要刷新的场合，实现刷新有两种方法，代码分别如下，请放到主页的正文区：代码一：<form><p><inputtype="button"value="刷新按钮"onclick="history.go(0)"></p></form>代码二：<form><p><inputtype="button"value="刷新按钮一"onclick="ReloadButton()"></p></form><scriptlanguage="JavaScript"><!--functionReloadButton(){location.href="该网页文件";}//--></script>十二、滚屏按钮按下按钮后，屏幕内容开始向上滚动，代码如下，但一页长度必须超出一屏，否则将看不到滚动效果：<form><divalign="center"><center><p><inputtype="button"value="向下滚屏"onClick="scrollit()"></p></center></div></form><scriptLanguage="JavaScript"><!--functionscrollit(){for(I=1;I<=500;I++){parent.scroll(1,I)}}//--></script>十三、加入书签按钮利用文字链接也可以实现加入书签功能，但使用按钮则更为醒目和直观，按下按钮后，则可把指定的站点加到游览器的书签中，代码如下：<form><p><inputtype="button"value="把本站加入书签"onclick="window.external.addFavorite('/','网页教学网')"></p></form>十四、按钮字幕移动的字幕并不少见，比如在FRONTPAGE中有现成的字幕生成器，而利用JAVA实现的走马灯效果更是花样百出，其实使用按钮制作字幕效果更为独特，按钮会随着字符的数量而发生尺寸变化，动态很强，以下为完成的代码，请放到网页的正文区：<formname=form2><p><inputtype="submit"name="banner"VALUE="Submit"onClick="alert('你可以加上链接！')"><br><scriptlanguage="JavaScript">varid,pause=0,position=0;functionbanner(){vari,k,msg="欢迎访问网页教学网";//increasemsgk=(30/msg.length)+1;for(i=0;i<=k;i++)msg+=""+msg;document.form2.banner.value=msg.substring(position,position-30);if(position++==msg.length)position=0;id=setTimeout("banner()",60);}banner();</script></p></form>●解除网页的黄色阻止框<!--savedfromurl=(0013)about:internet-->网页常用HTML代码大全（二）（续)marquee>...</marquee>普通卷动<marqueebehavior=slide>...</marquee>滑动<marqueebehavior=scroll>...</marquee>预设卷动<marqueebehavior=alternate>...</marquee>来回卷动<marqueedirection=down>...</marquee>向下卷动<marqueedirection=up>...</marquee>向上卷动<marqueedirection=right></marquee>向右卷动<marqueedirection=left></marquee>向左卷动<marqueeloop=2>...</marquee>卷动次数<marqueewidth=180>...</marquee>设定宽度<marqueeheight=30>...</marquee>设定高度<marqueebgcolor=FF0000>...</marquee>设定背景颜色<marqueescrollamount=30>...</marquee>设定卷动距离<marqueescrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt>打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing>固定宽度小字体<fontcolor=00ff00>...</font>字体颜色<fontsize=1>...</font>最小字体<fontstyle=font-size:100px>...</font>无限增大<!>区断标记<hr>水平线<hrsize=9>水平线(设定大小)<hrwidth=80%>水平线(设定宽度)<hrcolor=ff0000>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<basehref=地址>(预设好连结路径)<ahref=地址></a>外部连结<ahref=地址target=_blank></a>外部连结(另开新窗口)<ahref=地址target=_top></a>外部连结(全窗口连结)<ahref=地址target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐<imgsrc=图片地址>贴图<imgsrc=图片地址width=180>设定图片宽度<imgsrc=图片地址height=30>设定图片高度<imgsrc=图片地址alt=提示文字>设定图片提示文字<imgsrc=图片地址border=1>设定图片边框<bgsoundsrc=MID音乐文件地址>背景音乐设定<!>表格语法<tablealing=left>...</table>表格位置,置左<tablealing=center>...</table>表格位置,置中<tablebackground=图片路径>...</table>背景图片的URL=就是路径网址<tableborder=边框大小>...</table>设定表格边框大小(使用数字)<tablebgcolor=颜色码>...</table>设定表格的背景颜色<tableborderclor=颜色码>...</table>设定表格边框的颜色<tableborderclordark=颜色码>...</table>设定表格暗边框的颜色<tableborderclorlight=颜色码>...</table>设定表格亮边框的颜色<tablecellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)<tablecellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)<tablecols=参数>...</table>指定表格的栏数<tableframe=参数>...</table>设定表格外框线的显示方式<tablewidth=宽度>...</table>指定表格的宽度大小(使用数字)<tableheight=高度>...</table>指定表格的高度大小(使用数字)<tdcolspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<tdrowspan=参数>...</td>指定储存格合并列的列数(使用数字)<!>分割窗口<framesetcols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<framesetrows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<framesetcols="20%,*">分割左右两个框架<framesetcols="20%,*,20%">分割左中右三个框架<分割上下两个框架<framesetrows="20%,*,20%">分割上中下三个框架<!--...-->批注<AHREFTARGET>指定超级链接的分割窗口<AHREF=#锚的名称>指定锚名称的超级链接<AHREF>指定超级链接<ANAME=锚的名称>被连结点的名称<ADDRESS></ADDRESS>用来显示电子邮箱地址<B>粗体字<BASETARGET>指定超级链接的分割窗口<BASEFONTSIZE>更改预设字形大小<BGSOUNDSRC>加入背景音乐<BIG>显示大字体<BLINK>闪烁的文字<BODYTEXTLINKVLINK>设定文字颜色<BODY>显示本文<BR>换行<CAPTIONALIGN>设定表格标题位置<CAPTION>...</CAPTION>为表格加上标题<CENTER>向中对齐<CITE>...<CITE>用于引经据典的文字<CODE>...</CODE>用于列出一段程序代码<COMMENT>...</COMMENT>加上批注<DD>设定定义列表的项目解说<DFN>...</DFN>显示"定义"文字<DIR>...</DIR>列表文字卷标<DL>...</DL>设定定义列表的卷标<DT>设定定义列表的项目<EM>强调之用<FONTFACE>任意指定所用的字形<FONTSIZE>设定字体大小<FORMACTION>设定户动式窗体的处理方式<FORMMETHOD>设定户动式窗体之资料传送方式<FRAMEMARGINHEIGHT>设定窗口的上下边界<FRAMEMARGINWIDTH>设定窗口的左右边界<FRAMENAME>为分割窗口命名<FRAMENORESIZE>锁住分割窗口的大小<FRAMESCROLLING>设定分割窗口的滚动条<FRAMESRC>将HTML文件加入窗口<FRAMESETCOLS>将窗口分割成左右的子窗口<FRAMESETROWS>将窗口分割成上下的子窗口<FRAMESET>...</FRAMESET>划分分割窗口<H1>~<H6>设定文字大小<HEAD>标示文件信息<HR>加上分网格线<HTML>文件的开始与结束<I>斜体字<IMGALIGN>调整图形影像的位置<IMGALT>为你的图形影像加注<IMGDYNSRCLOOP>加入影片<IMGHEIGHTWIDTH>插入图片并预设图形大小<IMGHSPACE>插入图片并预设图形的左右边界<IMGLOWSRC>预载图片功能<IMGSRCBORDER>设定图片边界<IMGSRC>插入图片<IMGVSPACE>插入图片并预设图形的上下边界<INPUTTYPENAMEvalue>在窗体中加入输入字段<ISINDEX>定义查询用窗体<KBD>...</KBD>表示使用者输入文字<LITYPE>...</LI>列表的项目(可指定符号)<MARQUEE>跑马灯效果<MENU>...</MENU>条列文字卷标<METANAME="REFRESH"CONTENTURL>自动更新文件内容<MULTIPLE>可同时选择多项的列表栏<NOFRAME>定义不出现分割窗口的文字<OL>...</OL>有序号的列表<OPTION>定义窗体中列表栏的项目<ALIGN>设定对齐方向<>分段<ERSON>...</PERSON>显示人名<PRE>使用原有排列<SAMP>...</SAMP>用于引用字<SELECT>...</SELECT>在窗体中定义列表栏<SMALL>显示小字体<STRIKE>文字加横线<STRONG>用于加强语气<SUB>下标字<SUP>上标字<TABLEBORDER=n>调整表格的宽线高度<TABLECELLPADDING>调整数据域位之边界<TABLECELLSPACING>调整表格线的宽度<TABLEHEIGHT>调整表格的高度<TABLEWIDTH>调整表格的宽度<TABLE>...</TABLE>产生表格的卷标<TDALIGN>调整表格字段之左右对齐<TDBGCOLOR>设定表格字段之背景颜色<TDCOLSPANROWSPAN>表格字段的合并<TDNOWRAP>设定表格字段不换行<TDVALIGN>调整表格字段之上下对齐<TDWIDTH>调整表格字段宽度<TD>...</TD>定义表格的数据域位<TEXTAREANAMEROWSCOLS>窗体中加入多少列的文字输入栏<TEXTAREAWRAP>决定文字输入栏是自动否换行<TH>...</TH>定义表格的标头字段<TITLE>文件标题<TR>...</TR>定义表格美一行<TT>打字机字体<U>文字加底线<ULTYPE>...</UL>无序号的列表(可指定符号)<VAR>...</VAR>用于显示变量网页常用HTML代码大全(三)忽视右键<bodyoncontextmenu="returnfalse">或<bodystyle="overflow-y:hidden">如何几秒后转到别的页面？<METAHTTP-EQUIV="Refresh"CONTENT="时间;URL=地址">点击关闭窗口<ahref="javascript:top.window.close();">点击关闭窗口</a>！请问如何去掉主页右面的滚动条？<bodyscroll="no"><bodystyle="overflow-y:hidden">请问如何做到让一个网页自动关闭.<html><head><OBJECTid=closestype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><paramname="Command"value="Close"></object></head><bodyonload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)">这个窗口会在10秒过后自动关闭,而且不会出现提示.</body>如何在不刷新页面的情况下刷新css?<style>button{color:#000000;}</style><buttononclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>请问如何让网页自动刷新？在head部记入<METAHTTP-EQUIV="Refresh"content="20">其中20为20秒后自动刷新，你可以更改为任意值。如何让页面自动刷新？方法一，用refreshHTML代码片段如下:<head><metahttp-equiv="refresh"content="5"></head>5表示刷新时间[Ctrl+A全部选择提示:你可先修改部分代码，再按运行]方法二，使用setTimeout控制<imgsrc=/logo.gif><script>functionrl(){document.location.reload()}setTimeout(rl,2021)</script>如何让超链接没有下划线在源代码中的<HEAD>…</HEAD>之间输入如下代码：<styletype="text/css"><!--a{text-decoration:none}--></style>请问如何去掉IE的上下滚动条？<bodystyle=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘></body>怎样才能把RealPlayer文件在网页做一个试听连接？<embedheight=25src=51js.rmtype=audio/x-pn-realaudio-pluginwidth=50autostart="false"controls="PlayButton">如何用html实现浏览器上后退按钮的功能？<ahref="javascript:history.go(-1)">点击后退</a>或者<script>history.back()</script>请问怎么在网页中改变鼠标的箭头形状？HTML代码片段如下:<body><ahref="#"style="cursor:auto;">auto</a><br><ahref="#"style="cursor:crosshair">crosshair</a><br><ahref="#"style="cursor:default">default</a><br><ahref="#"style="cursor:hand">hand</a><br><ahref="#"style="cursor:move">move</a><br><ahref="#"style="cursor:e-resize">e-resize</a><br><ahref="#"style="cursor:ne-resize">ne-resize</a><br><ahref="#"style="cursor:nw-resize">nw-resize</a><br><ahref="#"style="cursor:n-resize">n-resize</a><br><ahref="#"style="cursor:se-resize">se-resize</a><br><ahref="#"style="cursor:sw-resize">sw-resize</a><br><ahref="#"style="cursor:s-resize">s-resize</a><br><ahref="#"style="cursor:w-resize">w-resize</a><br><ahref="#"style="cursor:text">text</a><br><ahref="#"style="cursor:wait">wait</a><br><ahref="#"style="cursor:help">help</a><br></body>怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">页面打开时自动弹出一个窗口的代码怎么写？

HTML代码片段如下:<html><head><title>UntitledDocument</title><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><scriptlanguage="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>"><!--functionMM_openBrWindow(theURL,winName,features){//v2.0window.open(theURL,winName,features);}//--></script></head><bodybgcolor="#FFFFFF"text="#000000"onLoad="MM_openBrWindow(‘‘‘‘1212312.htm‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)"></body></html>如何让我的页面出现一个会讲话的小人？MerlinHTML代码片段如下:<HTML><HEAD><TITLE>默林</TITLE><METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312"></HEAD><BODY><p><OBJECTid=simsclassid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F></OBJECT><SCRIPT>varMerlinID;varMerlinACS;sims.Connected=true;MerlinLoaded=LoadLocalAgent(MerlinID,MerlinACS);Merlin=sims.Characters.Character(MerlinID);Merlin.Show();Merlin.Play("Surprised");Merlin.Speak("大家好");Merlin.Play("GestureLeft");Merlin.Think("我是默林！");Merlin.Play("Pleased");Merlin.Think("可爱吗？");Merlin.Play("GestureDown");Merlin.Speak("哈哈！");Merlin.Hide();functionLoadLocalAgent(CharID,CharACS){LoadReq=sims.Characters.Load(CharID,CharACS);return(true);}</SCRIPT></p><p></p><p>看此效果必须装有office2021！！！</p></BODY></HTML>在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动HTML代码片段如下:<html><head><STYLE>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</STYLE></head><bodybgproperties="fixed"></body></html>[Ctrl+A全部选择提示:你可先修改部分代码，再按运行]background-repeat:no-repeat;是讓背景圖不占滿整個頁面bodybgproperties="fixed"是拉動scroll時背景圖不動文本输入框什么属性能实现不可输入？HTML代码片段如下:<inputtype="text"name="textfield"disabled>或者<inputtype="text"name="textfield"readonly>如何禁止自己的页面在别人的框架里打开？把以下代码加至你的<head>区<script>if(window.top!=self){window.top.location=self.location}</script>如何实现首页全屏幕显示？HTML代码片段如下:<html><body><scriptlanguage="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>">varcoolw=642varcoolh=400varcoolhuang=window.open("","coolhuang","width="+coolw+",height="+coolh+",fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")window.close()</script></body></html>如何监听一个窗口被关闭了？

HTML代码片段如下:<bodyonunload="alert(‘‘‘‘你关闭了这个窗口‘‘‘‘)">如何禁止Ctrl+N？HTML代码片段如下:<bodyonkeydown=return(!(event.keyCode==78&&event.ctrlKey))>如何把页面加入用户的收藏夹？HTML代码片段如下:<ahref="<Bstyle="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘无忧脚本‘‘‘‘)">收藏无忧脚本</a>如何在我的页面中加入背景音乐？IE:<bgsoundsrc="*.mid"loop=infinite>NS:<embedsrc="*.mid"autostart=truehidden=trueloop=true>*.mid你的背景音乐的midi格式文件关于页面转换效果<metahttp-equiv="enter"content="revealTrans(Duration=4,Transition=23)">或<metahttp-equiv="exit"content="revealTrans(Duration=4,Transition=23)">说明：Transition=23是随机效果，另可以选0-22任一数字固定某个效果如何设定打开页面的大小HTML代码片段如下:<bodyonload="top.resizeTo(300,200);"><!--(width，height)-->怎样双击滚屏，单击停止？HTML代码片段如下:<html><head><title>新網頁1</title></head><body><scriptlanguage"<Bstyle="color:black;background-color:#A0FFFF">javascript</B>">varcurrentpos,timer;functioninitialize(){timer=setInterval("scrollwindow()",10);}functionsc(){clearInterval(timer);}functionscrollwindow(){currentpos=document.body.scrollTop;window.scroll(0,++currentpos);if(currentpos!=document.body.scrollTop)sc();}document.onmousedown=scdocument.ondblclick=initialize</script><p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p></body></html>如何让body中的文字不被选中？HTML代码片段如下:<bodyonselectstart="returnfalse">aaa</body>如何让弹出的窗口不能关闭？在新开的窗口中加入如下代码<bodyonunload=open(location.href)></body>如何让浏览器在保存页面时保存失败？HTML代码片段如下:<NOSCRIPT><<Bstyle="color:black;background-color:#ffff66">IFRAME</B>SRC="*.html"></<Bstyle="color:black;background-color:#ffff66">IFRAME</B>></NOSCRIPT>表单中如何用图片按钮实现reset?<html><head><script>functionaaa(){document.forms[0].reset()}</script></head><body><form><textarearows="2"name="S1"cols="20"></textarea><inputtype="submit"values="提交"name="B1"><imagesrc="logo.gif"onclick=aaa()></form></body></html>进入网页时弹出的信息对话框<bodyonLoad="window.alert(‘‘‘‘欢迎光临本站‘‘‘‘)">关闭窗口后弹出对话框<bodyonUnload="window.alert(‘‘‘‘谢谢你的光临!欢迎下次再来!‘‘‘‘)">告别提示<bodyonUnload=alert("再见，感谢你的访问！")>右键菜单的制作<OBJECTid=menutype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAMname="Command"value="RelatedTopics,menu"><PARAMname="Item1"value="动易;"><PARAMname="Item2"value="搜狐;"><PARAMname="Item3"value="新浪;"><PARAMname="Item4"value="网易;">

<PARAMname="Item5"value="互动学院;"></OBJECT><script>if(document.all)document.body.onmousedown=newFunction("if(event.button==2)menu.Click();")</script>下拉菜单<objectid=HHCtrltype="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAMname="Command"value="RelatedTopics,Menu"><PARAMname="Item1"value="aspease;"><PARAMname="Item2"value="byhu;"><PARAMname="Item3"value="lzz;"></object><ahref=javascript:HHCtrl.Click()title="下拉菜单">下拉菜单</a>点击这里返回首页

网页易懂HTML代码大全(四)连结到锚点〈AHREF="URL#***"〉〈/A〉（如果锚点在另一个档案）〈AHREF="#***"〉〈/A〉（如果锚点目前的档案）连结到目的视框〈AHREF="URL"TARGET="***"〉〈/A〉设定锚点〈ANAME="***"〉〈/A〉图形〈IMGSRC="URL"〉图形看齐方式〈IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE〉图形看齐方式〈IMGSRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM〉取代文字〈IMGSRC="URL"ALT="***"〉（如果没有办法显示图形则显示此文字）点选图〈IMGSRC="URL"ISMAP〉（需要CGI程式）N2.0点选图〈IMGSRC="URL"USEMAP="URL"〉N2.0地图〈MAPNAME="***"〉〈/MAP〉（描述地图）N2.0段落〈AREASHAPE="RECT"COORDS=",,,"HREF="URL"|NOHREF〉3.0大小〈IMGSRC="URL"WIDTH="?"HEIGHT="?"〉（以pixels为单位）N1.0图形边缘〈IMGSRC="URL"BORDER=?〉（以pixels为单位）N1.0图形边缘空间〈IMGSRC="URL"HSPACE=?VSPACE=?〉（以pixels为单位）N1.0低解析度图形〈IMGSRC="URL"LOWSRC="URL"〉N1.1用户端拉〈METAHTTP-EQUIV="Refresh"CONTENT="?;URL=URL"〉（使用端自动更新）N2.0内嵌物件〈EMBEDSRC="URL"〉（将物件插入页面）N2.0内嵌物件大小〈EMBEDSRC="URL"WIDTH="?"HEIGHT="?"〉3.分隔段落〈P〉（通常是两个return）3.0段落〈P〉〈/P〉（新定义成容器型标签）3.0文字看齐方式〈PALIGN=LEFT|CENTER|RIGHT〉〈/P〉换行〈BR〉（一个return）N1.0文字部份看齐方式〈BRCLEAR=LEFT|RIGHT|ALL〉（与图形合用时）横线〈HR〉N1.0横线对齐〈HRALIGN=LEFT|RIGHT|CENTER〉N1.0横线厚度〈HRSIZE=?〉（以pixels为单位）N1.0横线宽度〈HRWIDTH=?〉（以pixels为单位）N1.0横线比率宽度〈HRWIDTH=%〉（以页宽为100%）N1.0实线〈HRNOSHADE〉（没有立体效果）N1.0不可换行〈NOBR〉〈/NOBR〉（不换行）N1.0可换行处〈WBR〉（如果需要，可在此断行）列举（可以巢状列举）无次序式列举〈UL〉〈LI〉〈/UL〉（〈LI〉放在每一项前）N1.0公布式列举〈ULTYPE=DISC|CIRCLE|SQUARE〉（定义全部的列举项）〈LITYPE=DISC|CIRCLE|SQUARE〉（定义这个及其後的列举项）有次序式列举〈OL〉〈LI〉〈/OL〉（〈LI〉放在每一项前）N1.0数标型态〈OLTYPE=A|a|I|i|1〉（定义全部的列举项）〈LITYPE=A|a|I|i|1〉（定义这个及其後的列举项）N1.0起始数字〈OLvalue=?〉（定义全部的列举项）〈LIvalue=?〉（定义这个及其後的列举项）定义式列举〈DL〉〈DT〉〈DD〉〈/DL〉（〈DT〉项目,〈DD〉定义）表单式列举〈MENU〉〈LI〉〈/MENU〉（〈LI〉放在每一项前）目录式列举〈DIR〉〈LI〉〈/DIR〉（〈LI〉放在每一项前）背景与颜色3.0重复排列的背景〈BODYBACKGROUND="URL"〉N1.1+背景颜色〈BODYBGCOLOR="#$$$$$$"〉（依序为红、绿、蓝）N1.1+文字颜色〈BODYTEXT="#$$$$$$"〉N1.1+连结颜色〈BODYLINK="#$$$$$$"〉N1.1+看过的连结〈BODYVLINK="#$$$$$$"〉N1.1使用中的连结〈BODYALINK="#$$$$$$"〉4.特殊字元（以下标签需用小写）特别符号&#?;（其中?代表ISO8859-1的编码）〈〈〉〉&&""注册商标TM?N1.0+注册商标TM?著作权符号?N1.0+著作权符号?5.表单（通常需要与CGI程式配合）定义表单〈FORMACTION="URL"METHOD=GET|POST〉〈/FORM〉N2.0上传档案〈FORMENCTYPE="multipart/form-data〉〈/FORM〉输入栏位〈INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"〉栏位名称〈INPUTNAME="***"〉栏位内定值〈INPUTvalue="***"〉已选定〈INPUTCHECKED〉（适用於checkboxes与radioboxes）栏位宽度〈INPUTSIZE=?〉（以字元数为单位）最长字数〈INPUTMAXLENGTH=?〉（以字元数为单位）下拉式选单〈SELECT〉〈/SELECT〉下拉式选单名称〈SELECTNAME="***"〉〈/SELECT〉选单项目数量〈SELECTSIZE=?〉〈/SELECT〉多选式选单〈SELECTMULTIPLE〉（多选）选项〈OPTION〉内定选项〈OPTIONSELECTED〉文字输入区〈TEXTAREAROWS=?COLS=?〉〈/TEXTAREA〉输入区名称〈TEXTAREANAME="***"〉〈/TEXTAREA〉N2.0输入区换行方式〈TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL〉〈/TEXTAREA〉6.表格3.0定义表格〈TABLE〉〈/TABLE〉3.0表格框线〈TABLEBORDER〉〈/TABLE〉（有或没有）N1.1表格框线〈TABLEBORDER=?〉〈/TABLE〉（可以设定数值）N1.1储存格左右留白〈TABLECELLSPACING=?〉N1.1储存格上下留白〈TABLECELLPADDING=?〉N1.1表格宽度〈TABLEWIDTH=?〉（以pixels为单位）N1.1宽度比率〈TABLEWIDTH=%〉（页宽为100%）3.0表格列〈TR〉〈/TR〉3.0表格列内容看齐〈TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM〉3.0储存格〈TD〉〈/TD〉（须与列并用）3.0储存格内容看齐〈TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM〉3.0不换行〈TDNOWRAP〉N3.0储存格背景颜色〈TDBGCOLOR=#$$$$$$〉3.0储存格横向连接〈TDCOLSPAN=?〉3.0储存格纵向连接〈TDROWSPAN=?〉N1.1储存格宽度〈TDWIDTH=?〉（以pixels为单位）N1.1储存格宽度比率〈TDWIDTH=%〉（页宽为100%）3.0表格标题〈TH〉〈/TH〉（跟〈TD〉一样，不过会对中并加粗）3.0表格标题对齐〈THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM〉3.0表格标题不换行〈THNOWRAP〉3.0表格标题占几栏〈THCOLSPAN=?〉3.0表格标题占几列〈THROWSPAN=?〉N1.1表格标题宽度〈THWIDTH=?〉（以pixels为单位）N1.1表格标题比率宽度〈THWIDTH=%〉（页宽为100%）3.0表格抬头〈CAPTION〉〈/CAPTION〉3.0表格抬头看齐〈CAPTIONALIGN=TOP|BOTTOM〉（在表格之上/之下）视框（定义与控制萤幕上的特定区域）N2.0视框格式总定义〈FRAMESET〉〈/FRAMESET〉（取代〈BODY〉）N2.0视框行长度分配〈FRAMESETROWS=,,,〉〈/FRAMESET〉（pixels或%）N2.0视框行长度分配〈FRAMESETROWS=*〉〈/FRAMESET〉（*=相对大小）N2.0视框栏宽度分配〈FRAMESETCOLS=,,,〉〈/FRAMESET〉（pixels或%）N2.0视框栏宽度分配〈FRAMESETCOLS=*〉〈/FRAMESET〉（*=相对大小）N2.0定义个别视框〈FRAME〉（定义个别视框）N2.0个别视框内容〈FRAMESRC="URL"〉N2.0个别视框名称〈FRAMENAME="***"|_blank|_self|_parent|_top〉N2.0边缘宽度〈FRAMEMARGINWIDTH=?〉（「左」与「右」边界）N2.0边缘高度〈FRAMEMARGINHEIGHT=?〉（「天顶」与「地底」边界）N2.0卷动条〈FRAMESCROLLING="YES|NO|AUTO"〉N2.0不可改变大小〈FRAMENORESIZE〉N2.0无视框时的内容〈NOFRAMES〉〈/NOFRAMES〉（如果浏览器不提供视框功能的话）7.杂项说明〈!--***--〉（浏览器不会显示）网页美化HTML代码大全(五)【美化个人主页】1)插图贴图：<imgsrc="图片地址">2)加入链接：<ahref="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接：<ahref="相关地址"target="_blank">写上要写的字</a>消除连接的下划线在新窗口打开连接：<ahref="相关地址"style="text-decoration:none"target="_blank">写上你想写的字</a>4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>5)字体加粗：<b>写上你想写的字</b>6)字体斜体：<i>写上你想写的字</i>7)字体下划线:<u>写上你想写的字</u>8)字体删除线:<s>写上你想写的字</s>9)字体加大:<big>写上你想写的字</big>10)字体控制大小：<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大，h5最小)11)更改字体颜色：<fontcolor="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：<ahref="相关地址"style="text-decoration:none">写上你想写的字</a>13)贴音乐：<embedsrc=音乐地址width=300height=45type=audio/mpegautostart="false">14)贴flash:<embedsrc="flash地址"width="宽度"height="高度">15)贴影视文件：<imgdynsrc="文件地址"width="宽度"height="高度"start=mouseover>16)换行：<br>17)段落：<p>段落</p>18)原始文字样式：<pre>正文</pre>19)换帖子背景：<bodybackground="背景图片地址">20)固定帖子背景不随滚动条滚动：<bodybackground="背景图片地址"bodybgproperties=fixed>21)定制帖子背景颜色：<bodybgcolor="#value">(value值见10)22)帖子背景音乐：<bgsound="背景音乐地址"loop=infinite>23)贴网页：<iframesrc="相关地址"width="宽度"height="高度"></iframe>

\o"阅读全文"网页常用HTML滚动代码大全(一)[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。格式：<Marqueealign="…"behavior="…"bgcolor="…"direction="…"height="…"width="…"hspace="…"vspace="…"loop="…"scrollamount="…"scrolldelay="…"onmouseout=this.start()onmouseover=this.stop()>…</marquee>属性：Align：用于按设定的值对齐滚动的文本。ALIGN可以设定的值有：Left，Center，Right，Top，Bottom。此属性不是必须使用的。例：<MarqueeAlign="Top">这段滚动文字设定为上对齐</marquee>behavior：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是Slide，那么文本就移动到文档上，并停留在页边距上。如果设定为Alternate，则文本从一边移动到另一边。如果设定为SCROLL，文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有：Silide，Alternate，Scroll。例：<MarqueeBehavior="Alternate">文字从一边移动到另一边</marquee>bgcolor：用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。例：<marqueebgcolor="red">用颜色名称设定滚动文字背景颜色为红色</marquee><MarqueeBgcolor="#Ff0000">用16进制值设定滚动文字背景颜色为红色</marquee><marqueebgcolor=rgb(100%,0%,0%)>用Rgb设定滚动文字背景颜色为红色</Marquee>Direction：用于设定文本滚动的方向，可以设定的值有：left，right。此属性不是必须使用的。例：<marqueedirection="left">文字向左边滚动</marquee><marqueedirection="right">文字向右边滚动</marquee>Height：用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。例：<marqueeheight="10%">滚动字幕的高度是可视页面的10%</marquee><marqueeheight="12">滚动字幕的高度是12像素</marquee>Width：用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。例：<marqueewidth="90%">滚动字幕的宽度是可视页面的90%</marquee><marqueewidth="200">滚动字幕的宽度是200像素</marquee>Hspace：用于设定滚动字幕左右的空白空间，空白空间用像素表示。此属性不是必须使用的。例：<marqueehspace="15">滚动字幕左右空白空间为15个像素</marquee>Vspace：用于设定滚动字幕上下的空白空间，空白空间用像素表示。此属性不是必须使用的。例：<marqueevspace="2">滚动字幕上下的空白空间为2个像素</marquee>Loop：用于设定滚动字幕的滚动次数。当loop的值为"infinite"或是"-1"时，则文字会无限制地滚动。此属性不是必须使用的。例：<marqu

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论