网页设计特效代码-毕业论文.doc
《网页设计特效代码-毕业论文.doc》由会员分享，可在线阅读，更多相关《网页设计特效代码-毕业论文.doc（219页珍藏版）》请在咨信网上搜索。
塔里木大学信息工程学院 计算机12-3 陈浩 整理 目录 1．让文字不停地滚动 4 2．不同时间段显示不同问候语 4 3．让网页随意后退(这是写在BODY里的源码） 4 4．随机变换背景图象（一个可以刷新心情的特效） 5 5．文字效果向上的效果 5 6．鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明 6 7．时钟 7 8．状态栏的打字效果 8 9．统计访问次数 9 10．页面中登陆FTP 10 11．图片渐渐显示 12 12．图片大小随鼠标触碰而变化 12 13．页面自动滚屏效果 12 14．文字从天而降 13 15．百页窗效果 19 16．舞台光柱照射效果 21 17．各种用途的按钮大集合 21 18．自动刷新网页 23 19．保护自己的页面不被别人放在框架中 23 20．打字机打彩色文字 23 21．鼠标激活警告框 25 23．彩色滚动条 27 24．跳出小窗口 27 25．很酷的类似鼠标跟随的遮照效果 27 26．在一个Textarea框中,文字逐个输出,而且自动换行和刷屏 28 27．鼠标键值表 30 28．非常实用的随机产生用户密码脚本 30 29．鼠标带图像效果 33 30．一个很好的文字效果 62 31．打把游戏 65 32．超酷文字下落效果 72 33．多格式下拉菜单 77 34．文字的变换导航 79 35．随机文字显示 85 36．链接使图片变换 85 37．banner变换导航 87 38．实用下拉导航条 88 39．不间断滚动的处理 93 40．相同地方滚动新闻 95 41．图片的任意方向移动(窗帘效果） 97 42．很酷的图片集旋转显示 99 43．小巧实用的鼠标时钟 102 44．上下滚动的文字 109 45．怎样去掉图片链接点击后，图片周围的虚线？ 110 46．怎样让表单没有凹凸感？ 113 47．<div><span>&<layer>的区别？ 113 48．让弹出窗口总是在最上面 113 49.不要滚动条? 114 50．怎样去掉图片链接点击后，图片周围的虚线？ 114 51．电子邮件处理提交表单 114 52．在打开的子窗口刷新父窗口的代码里如何写？ 114 53．如何设定打开页面的大小 115 54．在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 115 55．检查一段字符串是否全由数字组成 115 56. 获得一个窗口的大小 115 57．怎么判断是否是字符 115 58．TEXTAREA自适应文字行数的多少 116 59. 日期减去天数等于第二个日期 116 60. 选择了哪一个Radio 116 61．脚本永不出错 117 62．ENTER键可以让光标移到下一个输入框 117 63. 检测某个网站的链接速度： 117 64. 各种样式的光标 118 65．页面进入和退出的特效 119 66．在规定时间内跳转 120 67．网页是否被检索 120 68．可移动的页面窗口 120 69．隐藏层的打开关闭 121 70．用鼠标弹出隐藏层 123 71．文字整屏下坠 127 72．可显示隐藏的层 129 73．花絮向右飞舞(有下雪的感觉） 132 74．有点象游戏中的聊天窗口 134 75．模拟下雪景象 138 76．极具创意的小球 139 77．页面闪电效果 146 78．巨酷的东西！ 152 79．会自动消失的层 159 80．页面上出现随意舞动的星 161 81．招牌文字特效 164 82．固定的广告牌 168 83．打开页面特效（缩小方块） 173 84．打开页面特效(一)（上下分开） 174 85．打开页面特效(二)（开门特效） 176 86．页面左右象百页窗一样地打开，也非常好看，赶快用吧 178 87．页面象马赛克一样一块一块地慢慢打开，效果非常棒的 180 88．可以用来做首页的诸多特效 184 89．向右移屏 194 90．缩进式的导航条 195 91．获得系统时间 200 92．取得来访用的IP 200 93．获得系统,浏览器版本 201 94．去除IE混动条 201 95．进入网站,跳出广告 201 96．随机数 201 97．向上混动代码 201 98.自动关闭网页 202 99.随机背景音乐 202 100．自动刷新本页面 202 101．ACCESS数据库连接 203 102．SQL数据库连接 203 103．用键盘打开网页代码 204 104．让层不被控件复盖代码 204 105．动网FLASH广告代码 204 106．VBS弹出窗口小代码 205 107．使用FSO修改文件特定内容的函数 205 108．使用FSO读取文件内容的函数 205 109．使用FSO读取文件某一行的函数 206 120．使用FSO写文件某一行的函数 206 121．使用FSO添加文件新行的函数 207 122.读文件最后一行的函数 207 124．点击返回上页代码 212 125．点击刷新代码 212 126．点击刷新代码 212 127．弹出警告框代码 213 128．状态栏信息 213 129．背景色变换 213 130．点击打开新窗口 214 131．分页代码 214 132．name 属性 217 133．http-equiv属性 218 1．让文字不停地滚动 <MARQUEE>滚动文字</MARQUEE> 2．不同时间段显示不同问候语 (放在SCRIPT中，然后将多余的SCRIPT情节去除） <Script Language="JavaScript"> <!-- var text=""; day = new Date( ); time = day.getHours( ); if (( time>=0) && (time < 7 )) text="夜猫子，要注意身体哦！ " if (( time >= 7 ) && (time < 12)) text="今天的阳光真灿烂啊，你那个朋友呢？" if (( time >= 12) && (time < 14)) text="午休时间。您要保持睡眠哦！" if (( time >=14) && (time < 18)) text="祝您下午工作愉快！ " if ((time >= 18) && (time <= 22)) text="您又来了，可别和MM聊太久哦！" if ((time >= 22) && (time <24)) text="您应该休息了！" document.write(text) //---> </Script> 3．让网页随意后退(这是写在BODY里的源码） <a href="javascript:history.go(-X)">X</a> //把X换成你想要后退在页数 //把“-”变成“+”就为前进 3．鼠标指向时弹出信息框 在<body></body>之间加上如下代码： <a href onmouseover="alert('欢迎进入帝国师')">帝国师</a> 4．随机变换背景图象（一个可以刷新心情的特效） 在<head></head>之间加上如下代码： <Script Language="JavaScript"> image = new Array(4); //定义image为图片数量的数组 image [0] = 'tu0.gif' //背景图象的路径 image [1] = 'tu1.gif' image [2] = 'tu2.gif' image [3] = 'tu3.gif' image [4] = 'tu4.gif' number = Math.floor(Math.random() * image.length); document.write("<BODY BACKGROUND="+image[number]+">"); </Script> 5．文字效果向上的效果 <table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0"> <tr> <td> <script language=javascript> document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:>") document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>偶 然</font></h2>") document.write ("<p align='right'><a href='#' target='_blank'><font color='#ffffff'>徐志摩</font></a> ") document.write ("<p><font color='#ffffff'> ") document.write ("<br>我是天空里的一片云，") document.write ("<br>偶尔投影在你的波心-- ") document.write ("<br>你不必讶异, ") document.write ("<br>更无须欢喜-- ") document.write ("<br>在转瞬间消灭了踪影。") document.write ("<br>") document.write ("<br>你我相逢在黑暗的海上，") document.write ("<br>你有你的，我有我的，方向；") document.write ("<br>你记得也好， ") document.write ("<br>最好你忘掉， ") document.write ("<br>在这交会时互放的光亮！ ") document.write ("</font>") document.write ("</marquee> ") </script> </td> </tr> </table> 6．鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明 <a href="可以输入网址" target="_blank" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">把鼠标放上来试试</a> <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell"> <layer name="nstip" width="1000px" bgColor="seashell"></layer> </div> <SCRIPT language="JavaScript"> <!-- if (!document.layers&&!document.all) event="test" function helpor_net_show(current,e,text){ if (document.all&&document.readyState=="complete"){ document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility="visible" } else if (document.layers){ document.tooltip2.document.nstip.document.write('<b>'+text+'</b>') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) document.tooltip2.left=e.pageX+10 document.tooltip2.top=e.pageY+10 document.tooltip2.visibility="show" } } function helpor_net_hide(){ if (document.all) document.all.tooltip2.style.visibility="hidden" else if (document.layers){ clearInterval(currentscroll) document.tooltip2.visibility="hidden" } } function scrolltip(){ if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left=150 } //--> </SCRIPT> 7．时钟 <span id="liveclock" style"=width: 109px; height: 15px"></span> <SCRIPT language=javascript> function www_helpor_net() { var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() if(minutes<=9) minutes="0"+minutes if(seconds<=9) seconds="0"+seconds myclock="现在时刻：<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>" if(document.layers){document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() }else if(document.all) liveclock.innerHTML=myclock setTimeout("www_helpor_net()",1000) } www_helpor_net(); //--> </SCRIPT> 8．状态栏的打字效果 <script language="JavaScript"> var msg = "欢迎来到网页特效世界，请多提意见。谢谢! " ; var interval = 120 var spacelen = 120; var space10=" "; var seq=0; function Helpor_net() { len = msg.length; window.status = msg.substring(0, seq+1); seq++; if ( seq >= len ) { seq = 0; window.status = ''; window.setTimeout("Helpor_net();", interval ); } else window.setTimeout("Helpor_net();", interval ); } Helpor_net(); </script> 9．统计访问次数 <SCRIPT language="JavaScript"> <!-- function www_helpor_net(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 www_helpor_net(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":""); } var expdate=new Date(); var visits; expdate.setTime(expdate.getTime()+(24*60*60*1000*365)); //设置COOKIES时间为1年,自己随便设置该时间 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> 10．页面中登陆FTP <script janguage="javascript"> <!-- function goFtpSite() { document.location.href = "ftp://" + document.ftp.login.value + ":" + document.ftp.password.value + "@" + document.ftp.url.value; } //--> </script> <form name="ftp"> <table border="0" cellpadding="1" cellspacing="1" align="center" width="304"> <tr> <td width="296"> <table border="0" cellspacing=0 cellpadding=5 align="center" width="292"> <tr bgcolor="#b5e1ff"> <td width="75" align="right"> <font face="arial,helvetica" size="-1" color="#008080"> Ftp:// </font> </td> <td width="193"> <font face="arial,helvetica" size="-1"> <input type="text" size=30 name="url" style="border: 1 solid #0099FF"> </font> </td> </tr> <tr bgcolor="#ddf1ff"> <td align="right" width="75"> <font face="arial,helvetica" size="-1" color="#008080">UserName: </font> </td> <td width="193"> <font face="arial,helvetica" size="-1"> <input type="text" size="15" name="login" maxlength="20" style="border: 1 solid #0099FF"> </font> </td> </tr> <tr bgcolor="#b5e1ff"> <td align="right" width="75"> <font face="arial,helvetica" size="-1" color="#008080"> Password: </font> </td> <td width="193"> <font face="arial,helvetica" size="-1"> <input type="password" size="15" name="password" maxlength="20" style="border: 1 solid #0099FF"> </font></td> </tr> <tr bgcolor="#ddf1ff"> <td colspan="2" align="center" width="280"> <font face="arial,helvetica" size="-2"> <input type=button onclick="goFtpSite();" value="登录" style="background-color: #0099FF; color: #FFFFFF; border: 1 solid #0099FF"> <input type=reset value="重写" style="color: #FFFFFF; background-color: #0099FF; border: 1 solid #0099FF"> </font> </td> </tr> </table> </td> </tr> </table> </form> 11．图片渐渐显示 <img src=" border="1" id="helpor_net" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);"> <SCRIPT FOR="window" EVENT="onLoad" LANGUAGE="vbscript"> helpor_net.filters.item(0).apply() helpor_net.filters.item(0).transition = 12 helpor_net.Style.visibility = "" helpor_net.filters(0).play(2.0) </SCRIPT> 12．图片大小随鼠标触碰而变化 <span id="s1" style = "width : 150"><a href="" target="_blank" onmouseover="www_helpor_net.style.width='200';" onmouseout="www_helpor_net.style.width= '150';"><Img src=" id="www_helpor_net"></a></span> 13．页面自动滚屏效果 <body onLoad="scrollit()"> <SCRIPT language="JavaScript"> <!-- function scrollit(){ for (I=1; I<=500; I++){ self.scroll(1,I) } } //--> </SCRIPT> 14．文字从天而降 <p www_helpor_net="dropWord" style="position: relative !important; left: 10000 !important" align="center"><font size="3" color="#ee00FF">很 好 玩 吧 ! 有 没 有 吓 一 跳 ?</font><font size="7" face="Arial" color="#FF0000"><b>YES!</b></font></p> <SCRIPT language="JavaScript"> <!-- dynamicanimAttr = "www_helpor_net" animateElements = new Array() currentElement = 0 speed = 0 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" function helpor_net() { var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) { if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) { for (index=document.layers.length-1; index >= 0; index--) { layer=document.layers[index] if (layer.left==10000) layer.left=0 } } return } for (index=document.all.length-1; index >= document.body.sourceIndex; index--) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation) { if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") { ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true) { i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2 } document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } if(animation == "zoomIn" || animation == "zoomOut") { ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } } } i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation) { if(animation == "flyLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } else if(animation == "flyRight") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0 } else if(animation == "flyTop" || animation == "dropWord") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottom") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- 网页 设计 特效代码 毕业论文
咨信网温馨提示：1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时私信或留言给本站上传会员【胜****】，需本站解决可联系【 微信客服】、【 QQ客服】，若有其他问题请点击或扫码反馈【 服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【 版权申诉】”（推荐），意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：4008-655-100；投诉/维权电话：4009-655-100。
该用户的其他文档 更多>>
2021-2022年收藏的精品资料企业级能源管控平台综合解决方案策划书.docx
-
专题资料（2021-2022年）[河南]城市轨道交通勘察投标技术方案.doc
-
2021-2022年收藏的精品资料高校教学资源管理平台解决方案.doc
-
专题资料（2021-2022年）2天拓展培训方案.docx
-
电子商务模拟教学实验室建设方案.doc
-
自助填单机方案.doc
-
珠海市某泵站供水配套工程施工组织设计方案G_(2).doc
-
电气施工方案(3)(1).doc
-
物业管理技术方案设计.doc
-
智慧小区项目解决方案43386.docx
-
2021-2022年收藏的精品资料富士停车场技术方案要点.doc
-
某国际会议展览中心钢结构施工组织设计方案_(2).doc
-
2021-2022年收藏的精品资料语音室建设方案建议方案.doc
-
小区视频监控系统技术方案V.docx
-
电梯井道硬防护专项施工方案.doc
-
某建设工程施工设计方案.docx
-
玻化微珠外保温施工技术方案1(1).doc
-
精品资料（2021-2022年收藏）企业视频联网监控系统设计方案.doc
-
智能IC卡节水控制系统解决方案综合方案.doc
-
建筑工程模板施工方案2.doc
-
省立医院物业管理方案.docx
-
某某煤矿水保方案.doc
-
工程施工设计方案与工程施工设计方案编制与审批指导书.doc
-
专题资料（2021-2022年）办公行政管理制度方案.doc
-
某煤业有限公司副斜井工程施工设计方案.doc
-
车库的工程施工设计方案.doc
-
落地式双排脚手架施工方案.doc
-
新宇小学2013年师德师风专项治理工作方案.doc
-
联通企业手机一卡通方案设计说明.doc
-
精品资料（2021-2022年收藏）局域网设计方案材料.doc
-
2021-2022收藏精品资料KOTI智能家居GW100主机全屋智能系统解决方案精.doc
-
2013高中地理 第四章第一节实战演练轻松闯关 湘教版选修5.doc
关于本文
实名认证
查看上传人更多文档
自信AI助手
微信客服
客服QQ
发送邮件
意见反馈
