首页
建站常识
建站营销
网页技术
ASP应用
建站新闻
验收平台
繁 體
收藏本站
设为首页
全部类别
建站新闻
建站常识
建站营销
网页技术
Asp应用
建站通说明
PR值查询
-
网站综合查询
-
网页入门
-
建站工具
-
网页特效代码
-
网页模版欣赏
-
历史上的今天
-
百家姓查询
首 页
建站方案
建站流程
网站克隆
网站改版
建 站 通
用户案例
报价一览
有问必答
联系我们
07394822187
建站服务承诺 :
免费为定制建站用户网站Logo、Banner(可选flash动画)和ico图标制作;田响建站所制作的网页程序,一律免设计费;经测试验收的巳有功能项目,交付使用后一年内,任何功能性问题的不稳定,一律负责修复、修正.[2012-5-8 21:52:11]
您现在位置:
田响建站
→
网页特效
→ 页面特效
1:
不停变换背景
<body bgColor="#ffffff" onload="chgCol(); pingpong();"> <script language="JavaScript"> <!-- Hide from JavaScript-Impaired Browsers var pos = 10; function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var col=new initArray("4b","5b","8b","8b"); col[0] = "yellow"; col[1] = "coral"; col[2] = "orange"; col[3] = "red"; col[4] = "greenyellow"; col[5] = "lime"; col[6] = "turquoise"; col[7] = "coral"; col[8] = "blueviolet"; col[9] = "violet"; function chgCol() { pos++; if (pos<0||pos>9) { pos = 0; } document.bgColor = col[pos]; setTimeout("chgCol()",5000); /* Change above set to every 10 seconds (1000 = 1 sec) If you wish to speed it up, lower the number. To slow it down, raise the number. */ } var yourwords = "不断变化背景色彩";var buffer1=" ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; }else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") dir="left"; }}// --></script>
2:
主页制作器
<FORM METHOD="Post" ACTION=""> <script language = "JavaScript"> <!--hide this script from old browsers document.write('<B>Prompt mode is now working.</B><BR>') document.write('<PRE><B>Help status: </B>') helpon = false // ...true or false document.write('<input type="radio" name="radiohelp" value="true" onClick = " helpon = true"> ON ') document.write('<input type="radio" name="radiohelp" value="false" checked onClick = " helpon = false"> OFF <BR>') document.write('<B>HTML mode: </B>') modeindex = 0 // ...0=simple, 1=sample, 2=prompt document.write('<input type="radio" name="radiomode" value="Copyright 1996 Ray Daly" checked onClick = " modeindex = 0 "> Simple ') document.write('<input type="radio" name="radiomode" value="Copyright 1996 Ray Daly" onClick = " modeindex = 1"> Sample ') document.write('<input type="radio" name="radiomode" value="Copyright 1996 Ray Daly" onClick = " modeindex = 2"> Prompt <BR></PRE>') document.write('<TABLE CELLSPACING="0" BORDER="0">') document.write('<TR><TH><input type="button" value=" Start " onClick="HjButton(this.form,jStart)">') document.write('<input type="button" value=" End " onClick="HjButton(this.form,jEnd)">') document.write('</TH><TH><input type="button" value="页面显示" onClick="preview(this.form)">') document.write('</TH><TH><input type="button" value="保存" onClick="Save(this.form)">') document.write('</TH><TH><input type="button" value="关于" onClick="About(this.form)">') document.write('</TH></TR><TR><TH><input type="button" value=" B " onClick="HjButton(this.form,jBold)">') document.write('<input type="button" value=" I " onClick="HjButton(this.form,jItalics)">') document.write('<input type="button" value=" PRE " onClick="HjButton(this.form,jPre)"> ') document.write('</TH><TH><input type="button" value=" H1 " onClick="HjButton(this.form,jH1)">') document.write('<input type="button" value=" H2 " onClick="HjButton(this.form,jH2)">') document.write('<input type="button" value=" H3 " onClick="HjButton(this.form,jH3)"> ') document.write('</TH><TH><input type="button" value=" OL " onClick="HjButton(this.form,jOL)">') document.write('<input type="button" value=" UL " onClick="HjButton(this.form,jUL)">') document.write('<input type="button" value=" LI " onClick="HjButton(this.form,jLI)"> ') document.write('</TH><TH><input type="button" value=" DL " onClick="HjButton(this.form,jDL)">') document.write('<input type="button" value=" DT " onClick="HjButton(this.form,jDT)">') document.write('<input type="button" value=" DD " onClick="HjButton(this.form,jDD)"><BR>') document.write('</TH></TR><TR><TH><input type="button" value=" P " onClick="HjButton(this.form,jPara)">') document.write('<input type="button" value=" BR " onClick="HjButton(this.form,jBreak)">') document.write('<input type="button" value=" HR " onClick="HjButton(this.form,jRule)"> ') document.write('</TH><TH><input type="button" value=" Anchor " onClick="HjButton(this.form,jAnchor)"> ') document.write('</TH><TH><input type="button" value=" L" onClick="HjButton(this.form,jImageL)">') document.write('<input type="button" value=" Image " onClick="HjButton(this.form,jImage)">') document.write('<input type="button" value="R" onClick="HjButton(this.form,jImageR)"> ') document.write('</TH><TH><input type="button" value=" Center " onClick="HjButton(this.form,jCenter)"> ') document.write('</TH></TR></TABLE>') function HjReset (form) { // ...required because RESET does not reset values, just GUI helpon = false modeindex = 0 form.TEXT.value = "" } function HTMLtag (buttonname, insertmode, inserttext, tagstart, tagmiddle, tagend, sampletext, sampletext2, helptext) { // ...this fuction defines the object HTMLtag this.buttonname = buttonname this.insertmode = insertmode // ...1=none 2=standard input 3=lists (UL and OL) 4=DL list 5=anchor this.inserttext = inserttext // ...prompt when asking for insert text this.tagstart = tagstart this.tagmiddle = tagmiddle this.tagend = tagend this.sampletext = sampletext // ...sample text placed between tags in TextArea this.sampletext2= sampletext2 this.helptext = helptext } jStart = new HTMLtag ( "Start", "2", "Enter the document TITLE", " <HTML><HEAD><TITLE>", "", "</TITLE></HEAD><BODY>", "Title of the document (eg. HTMLjive Page)", "" , "Tags for start of document and the TITLE go here. Use the END button when your document is complete." ) jEnd = new HTMLtag ( "End", "1", "", " </BODY></HTML>", "", "", "", "" , "This puts in the closing tags when your document is complete." ) jBold = new HTMLtag ( "B", "2", "Enter the text to be BOLD", " <B>", "", "</B>", "This will be bold", "" , "The text placed between the <B> and the </B> will be BOLD" ) jItalics = new HTMLtag ( "I", "2", "Enter the text to be ITALICIZED", " <I>", "", "</I>", "This will be in italics", "" , "The text placed between the <I> and the </I> will be ITALICIZED" ) jPre = new HTMLtag ( "PRE", "2", "Enter the text to be PREformatted", " <PRE>", "", "</PRE>", "This will be PREformatted", "" , "The text placed between the <PRE> and the </PRE> will be PREformatted" ) jPara = new HTMLtag ( "P", "2", "Enter the text for a PARAGRAPH", " <P>", "", "</P>", "Start of a PARAGRAPH that continues until the start of next PARAGRAPH.", "" , "The text placed after the <P> will be a separate PARAGRAPH until the next <P>" ) jBreak = new HTMLtag ( "BR", "1", "", " <BR>", "", "", "", "" , "This tag forces a line break, start of the next line." ) jRule = new HTMLtag ( "HR", "1", "", " <HR>", "", "", "", "" , "This tag puts a (horizontal rule) line on the page." ) jH1 = new HTMLtag ( "H1", "2", "Enter the text for the HEADLINE", " <H1>", "", "</H1>", "This will be a top level HEADLINE", "" , "The text placed between the <H1> and the </H1> will be the HEADLINE." ) jH2 = new HTMLtag ( "H2", "2", "Enter the text for the HEADLINE", " <H2>", "", "</H2>", "This will be a next to top level HEADLINE", "" , "The text placed between the <H2> and the </H2> will be the HEADLINE." ) jH3 = new HTMLtag ( "H3", "2", "Enter the text for the HEADLINE", " <H3>", "", "</H3>", "This will be a third from top level HEADLINE", "" , "The text placed between the <H3> and the </H3> will be the HEADLINE." ) jCenter = new HTMLtag ( "Center", "2", "Enter the text to be CENTERED", " <CENTER>", "", "</CENTER>", "This will be a CENTERED", "" , "The text placed between the <CENTER> and the </CENTER> will be the CENTERED." ) jOL = new HTMLtag ( "OL", "3", "Enter FIRST item for (Numbered) ORDERED LIST", " <OL><LI> ", "</LI><LI> ", "</LI></OL>", "This is one item in the numbered list", "Next item in the numbered list" , "Create an ORDERED LIST by placing multiple items between <LI> and </LI>" ) jOL.inserttext2 = "Enter NEXT item for ORDERED LIST" jUL = new HTMLtag ( "UL", "3", "Enter FIRST item for (Plain) UNORDERED LIST", " <UL><LI> ", "</LI><LI> ", "</LI></UL>", "This is one item in the plain list", "Next item in the plain list" , "Create an ORDERED LIST by placing multiple items between <LI> and </LI>" ) jUL.inserttext2 = "Enter NEXT item for UNORDERED LIST" jLI = new HTMLtag ( "LI", "2", "Enter the text for an item in a LIST", " <LI>", "", "</LI>", "This is an item in a LIST", "" , "The text placed between the <L1> and the </L1> will one item in a LIST. Requires OL or UL." ) jDL = new HTMLtag ( "UL", "4", "Enter item for DEFINITION LIST", " <DL><DT>", "</DT> <DD>", " </DD></DL>", "Item to be defined", "Definition of the item" , "DEFINITION LISTS have two elements: item and definition. Enter the item." ) jDL.inserttext2 = "Enter the definition " jDL.tagmiddle2='</DD> <DT>' jDT = new HTMLtag ( "DT", "2", "Enter item for a DEFINITION LIST", " <DT>", "", "</DT>", "This is item for a DEFINITION LIST", "" , "The text placed between the <DT> and the </DT> will one item in a LIST. Requires DL." ) jDD = new HTMLtag ( "DD", "2", "Enter definition for a DEFINITION LIST", " <DD>", "", "</DD>", "This is definition in a DEFINITION LIST", "" , "The text placed between the <DD> and the </DD> will one item in a LIST. Requires DL." ) jImageL = new HTMLtag ("Image", 2, "Enter the URL (e.g., sample.gif)", ' <IMG SRC="', "", '" ALIGN=LEFT>', "URL to graphic (e.g. sample.gif)" , "", "Enter the URL for the graphic (e.g., sample.gif) for LEFT alignment" ) jImage = new HTMLtag ("Image", 2, "Enter the URL (e.g., sample.gif)", ' <IMG SRC="', "", '">', "URL to graphic (e.g. sample.gif)" , "", "Enter the URL for the graphic (e.g., sample.gif)" ) jImageR = new HTMLtag ("Image", 2, "Enter the URL (e.g., sample.gif)", ' <IMG SRC="', "", '" ALIGN=RIGHT>', "URL to graphic (e.g. sample.gif)" , "", "Enter the URL for the graphic (e.g., sample.gif) for RIGHT alignment" ) jAnchor = new HTMLtag ("Anchor", 5, "Enter the URL (e.g., http://www.yahoo.com)", ' <A HREF="', '"> ', '</A>', "http://www.yahoo.com", "Yahoo (description here)", "Enter the URL (e.g., http://www.yahoo.com/index.html) followed by the description." ) jAnchor.inserttext2 = "Enter description (e.g., Yahoo)" function About (form) { alert('谢谢使用网页特效制作专家') } function Save (form) { alert('No SAVE function is available. You must "cut & paste" your document into another application.') } function HjButton (form,selection) { // ...all HTML button call this routine if (helpon) { if (confirm(selection.helptext)){ addHTML (form,selection) } }else{ addHTML (form,selection) } } function addHTML (form,selection) { // ...add text to value ot TextArea cancel = false addText=selection.tagstart if (modeindex==2) { // ...insert mode if (selection.insertmode != 1 ) { // ...if none, skip it all addText += addHTMLinsert (selection, addText, form) if (addText == selection.tagstart) { cancel = true } } } if (modeindex==1) { // ...sample mode addText = addText + selection.sampletext + selection.tagmiddle + selection.sampletext2 } if (modeindex==0) { // ...simple mode addText += selection.tagmiddle } addText += selection.tagend if (cancel == false) { // ...put text into TextArea unless canceled form.TEXT.value += addText } } function addHTMLinsert (selection, addText, form) { // ...insert mode // ...addText alread as .tagstart, cancel=false // ...insertmodes 1=none, 2=insert, 3=lists (UL and OL), 4=DL list, 5=anchor if (selection.insertmode ==2) { // ...simple insert (eg.<B>...</B> i = "" i = prompt (selection.inserttext, "") if ((i != null) && (i != "")) { // ...if input add addText = i }else{ addText = "" } } if (selection.insertmode == 3) { // ...UL and OL lists addText = "" i = "" i = prompt (selection.inserttext, "") if ((i != null) && (i != "")) { addText = i while ((i != null) && (i != "")) { // ...get next until null i=prompt (selection.inserttext2, "") if ((i != null) && (i != "")) { addText=addText + selection.tagmiddle + i } } } } if (selection.insertmode == 4) { // ...DL list i= "dummy" j = i addText = "" count = 0 while ((i != null) && (i != "") && (j != null) && (j !="")) { // ...get next until null ++count i = "" i = prompt (selection.inserttext, "") // ... used for debugging form.TEXT.value += "-->" + i + "<--" if ((i != null) && (i != "")) { j = "" j=prompt (selection.inserttext2, "") if ((j != null) && (j != "")) { if (count > 1){ addText += selection.tagmiddle2 } addText=addText +i + selection.tagmiddle + j } } } } if (selection.insertmode == 5) { // ...Anchor addText = "" i = "" i = prompt (selection.inserttext, "") // ... used for debugging form.TEXT.value += "-->" + i + "<--" if ((i != null) && (i != "")) { j = "" j=prompt (selection.inserttext2, "") if ((j != null) && (j != "")) { addText=i + selection.tagmiddle + j } } } return addText } function preview(form) { msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=yes"); msg.document.write(form.TEXT.value); } <!-- done hiding from old browsers --> </script> <b>HTMLjive Document:</b><br> <TEXTAREA NAME="TEXT" ROWS="16" COLS="75" WRAP="VIRTUAL"></TEXTAREA> <INPUT TYPE="reset" VALUE= "Erase and Restart Document" onClick="HjReset(this.form)"> </FORM>
3:
从网页进入硬盘
<!--脚本说明: 把如下代码加入<body>区域中--> <form action="file:///c|/"><input type="submit" value="c:\ drive"></form> <p> <form action="file:///a|/"><input type="submit" value="a:\ drive"></form> <p> <form action="file:///b|/"><input type="submit" value="b:\ drive"></form> <p> <form action="file:///d|/"><input type="submit" value="d:\ drive"></form> <p> <form action="file:///e|/"><input type="submit" value="e:\ drive"></form>
4:
仿软件浮动按钮
<style type="text/css"> <!-- .text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 } a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #000000 ;text-decoration : none } .normal {background-color:#ccccc; } .over {background-color:#cccccc; border-top: 1px #ffffff solid; border-left: 1px #ffffff solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid } .down {background-color:#cccccc; border-top: 1px #999999 solid; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid } .link {text-decoration: none; color:#000000; font-family: 宋体} --> </style> </head> <body bgcolor="#cccccc" text="#000000"> <table width="80" border="0" cellpadding="0" cellspacing="0" height="30"> <tr> <td class=normal onmouseover='this.className="over"' onmousedown='this.className="down"' onmouseup='this.className="over"' onmouseout='this.className="normal"' > <div align="center" > <a style="cursor: default" href="http://www.ks1tx.com" target="_blank">测试按钮</a> </div> </td> </tr> </table>
5:
保存当前页面
<input type="button" name="Button" value="点这保存这页面" onClick="document.all.WebBrowser.ExecWB(4,1)"> <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> </object>
6:
光临页面多少次
<!--脚本说明: 把如下代码加入<body>区域中--> <SCRIPT language="JavaScript"><!-- function getCookieVal(offset) {var endstr=document.cookie.indexOf(";",offset);if(endstr==-1) endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}function GetCookie(name) {var arg=name+"=";var alen=arg.length;var clen=document.cookie.length;var i=0;while(i<clen) {var j=i+alen;if(document.cookie.substring(i,j)==arg) return getCookieVal(j);i=document.cookie.indexOf(" ",i)+1;if(i==0) break; }return null;}function SetCookie(name,value) {var argv=SetCookie.arguments;var argc=SetCookie.arguments.length;var expires=(2<argc)?argv[2]:null;var path=(3<argc)?argv[3]:null;var domain=(4<argc)?argv[4]:null;var secure=(5<argc)?argv[5]:false;document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");}function ResetCounts(name) {visits=0;SetCookie("visits",visits,expdate,"/",null,false);location.reload();} //--> </SCRIPT> <SCRIPT language="JavaScript"><!-- var expdate=new Date(); var visits;//以下设置COOKIES时间为1年,自己随便设置该时间.. expdate.setTime(expdate.getTime()+(24*60*60*1000*365)); if(!(visits=GetCookie("visits"))) visits=0;visits++;SetCookie("visits",visits,expdate,"/",null,false);//以下信息显示可以使用标准的HTML语法,自己随便设置。 document.write("你已经光临本页"+"<FONT COLOR=red>"+visits+"</FONT>"+"次!");if(visits==1)//来访1次的信息显示 document.write("<br>"+"欢迎光临本站,觉得本站内容如何?");if(visits==2)//来访2次的信息显示,以下类推,自己随便增加。 document.write("<br>"+"再次光临不胜容幸!今后要常来啊!欢迎订阅本站邮件列表。");if(visits==3) document.write("<br>"+"常客,在本站的论坛发个帖子如何?");if(visits==4) document.write("<br>"+"你这个疯子!");if(visits>=5) document.write("<br>"+"疯狂的家伙!我真的非常喜欢你。"); //--> </SCRIPT>
7:
全选所有复选框
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var checkflag = "false"; function check(field) { if (checkflag == "false") { for (i = 0; i < field.length; i++) { field[i].checked = true;} checkflag = "true"; return "Uncheck All"; } else { for (i = 0; i < field.length; i++) { field[i].checked = false; } checkflag = "false"; return "Check All"; } } // End --> </script> <form name=myform action="" method=post> <table width="133"> <tr><td width="125"> <b>软件系数调查:<br> </b> <br> <input type=checkbox name=list value="1">软件的界面<br> <input type=checkbox name=list value="2">特效很多<br> <input type=checkbox name=list value="3">分类详细<br> <input type=checkbox name=list value="4">完全免费<br> <input type=checkbox name=list value="5">特效很实用<br> <input type=checkbox name=list value="6">更新速度快<br> <br> <input type=button value=" 全部选定 " onClick="this.value=check(this.form.list)"> </td></tr> </table> </form>
8:
关闭后弹出信息
<!--脚本说明: 把<body>区域中改为:--> <body onUnload="window.alert('谢谢你的光临!欢迎下次再来!')">
共
100
个特效 首页 上一页
下一页
尾页
页次:
1
/13
页
8
个特效/页 转到:
第1页
第2页
第3页
第4页
第5页
第6页
第7页
第8页
第9页
第10页
第11页
第12页
第13页
本页共显示
8
个特效
网 页 特 效 导 航
网页漂浮广告特效
网页对联漂浮广告特效
网页qq客服代码特效
网页常用广告代码特效
CSS特效菜单演示欣赏
经典特色焦点广告特效
文字特效
鼠标特效
超链接特效
时间特效
页面特效
窗口特效
娱乐特效