《2022年网页特效代码 .pdf》由会员分享，可在线阅读，更多相关《2022年网页特效代码 .pdf（34页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、.取消选取、防止复制3.onpaste=return false 不准粘贴4.oncopy=return false;oncut=return false;防止复制5.IE 地址栏前换成自己的图标6.可以在收藏夹中显示出你的图标7.关闭输入法8.永远都会带着框架9.防止被人frame 名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 34 页 -10.网页将不能被另存为;11.12.删除时确认 删除 13.取得控件的绝对位置/Javascript function getIE(e)var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offs
2、etParent)t+=e.offsetTop;l+=e.offsetLeft;alert(top=+t+/nleft=+l);名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 34 页 -/VBScript!-function getIE()dim t,l,a,b set a=document.all.img1 t=document.all.img1.offsetTop l=document.all.img1.offsetLeft while a.tagNameBODY set a=a.offsetParent t=t+a.offsetTop l=l+a.offsetLeft w
3、end msgbox top=&t&chr(13)&left=&l,64,得到控件的位置 end function-14.光标是停在文本框文字的最后 function cc()var e=event.srcElement;var r=e.createTextRange();名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 34 页 -r.moveStart(character,e.value.length);r.collapse(true);r.select();15.判断上一页的来源javascript:document.referrer16.最小化、最大化、关闭窗口 名师资料总
4、结-精品资料欢迎下载-名师精心整理-第 4 页，共 34 页 -本例适用于IE17.屏蔽功能键Shift,Alt,Ctrl function look()if(event.shiftKey)alert(禁止按 Shift 键!);/可以换成ALTCTRL document.onkeydown=look;18.网页不会被缓存 或者 名师资料总结-精品资料欢迎下载-名师精心整理-第 5 页，共 34 页 -19.怎样让表单没有凹凸感？或20.&的区别？(division)用来定义大段的页面元素，会产生转行用来定义同一行内的元素，跟的唯一区别是不产生转行是 ns的标记，ie 不支持，相当于21.让弹
5、出窗口总是在最上面:22.不要滚动条?让竖条没有:让横条没有:两个都去掉？更简单了名师资料总结-精品资料欢迎下载-名师精心整理-第 6 页，共 34 页 -23.怎样去掉图片链接点击后，图片周围的虚线？24.电子邮件处理提交表单 25.在打开的子窗口刷新父窗口的代码里如何写？window.opener.location.reload()26.如何设定打开页面的大小 打开页面的位置27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 body background-image:url(/logo.gif);background-repeat:no-re名师资料总结-精品资料欢迎下载-名
6、师精心整理-第 7 页，共 34 页 -peat;background-position:center;background-attachment:fixed 28.检查一段字符串是否全由数字组成29.获得一个窗口的大小document.body.clientWidth;document.body.clientHeight30.怎么判断是否是字符if(/x00-/xff/g.test(s)alert(含有汉字);else alert(全是字符);31.TEXTAREA自适应文字行数的多少 名师资料总结-精品资料欢迎下载-名师精心整理-第 8 页，共 34 页 -32.日期减去天数等于第二个日期
7、 function cc(dd,dadd)/可以加上错误处理var a=new Date(dd)a=a.valueOf()a=a-dadd*24*60*60*1000 a=new Date(a)alert(a.getFullYear()+年+(a.getMonth()+1)+月+a.getDate()+日)cc(12/23/2002,2)33.选择了哪一个Radio function checkme()for each ob in radio1 if ob.checked then window.alert ob.value next end function 名师资料总结-精品资料欢迎下载-
8、名师精心整理-第 9 页，共 34 页 -Style Barcode 34.脚本永不出错 35.ENTER 键可以让光标移到下一个输入框名师资料总结-精品资料欢迎下载-名师精心整理-第 10 页，共 34 页 -36.检测某个网站的链接速度：把如下代码加入区域中:tim=1 setInterval(tim+,100)b=1 var autourl=new Array()autourl1= autourl2= autourl3= autourl4= autourl5= function butt()document.write()for(var i=1;iautourl.length;i+)do
9、cument.write(=)document.write()名师资料总结-精品资料欢迎下载-名师精心整理-第 11 页，共 34 页 -butt()function auto(url)document.forms0url+b.value=/url if(tim200)document.forms0txt+b.value=/链接超时 else document.forms0txt+b.value=时间+tim/10+秒 b+function run()for(var i=1;iautourl.length;i+)document.write()run()37.各种样式的光标auto：标准光标d
10、efault：标准箭头hand：手形光标wait：等待光标text：I 形光标名师资料总结-精品资料欢迎下载-名师精心整理-第 12 页，共 34 页 -vertical-text：水平 I 形光标no-drop：不可拖动光标not-allowed：无效光标help：?帮助光标all-scroll：三角方向标move：移动标crosshair：十字标e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize38.页面进入和退出的特效进入页面 推出页面 这个是页面被载入和调出时的一些特效。duration 表示特效的持续时间
11、，以秒为单位。transition 表示使用哪种特效，取值为 1-23:名师资料总结-精品资料欢迎下载-名师精心整理-第 13 页，共 34 页 -0 矩形缩小1 矩形扩大2 圆形缩小3 圆形扩大4 下到上刷新5 上到下刷新6 左到右刷新7 右到左刷新8 竖百叶窗9 横百叶窗10 错位横百叶窗11 错位竖百叶窗12 点扩散13 左右到中间刷新14 中间到左右刷新15 中间到上下16 上下到中间17 右下到左上18 右上到左下19 左上到右下20 左下到右上21 横条名师资料总结-精品资料欢迎下载-名师精心整理-第 14 页，共 34 页 -22 竖条23 以上 22 种随机选择一种39.在规定
12、时间内跳转 40.网页是否被检索 其中属性值有以下一些:属性值为 all:文件将被检索，且页上链接可被查询；属性值为 none:文件不被检索，而且不查询页上的链接；属性值为 index:文件将被检索；属性值为 follow:查询页上的链接；属性值为 noindex:文件不检索，但可被查询链接；属性值为 nofollow:文件不被检索，但可查询页上的链接。41、email 地址的分割把如下代码加入区域中42、流动边框效果的表格把如下代码加入区域中 名师资料总结-精品资料欢迎下载-名师精心整理-第 15 页，共 34 页 -l=Array(6,7,8,9,a,b,b,c,d,e,f)Nx=5;Ny
13、=35 t=for(x=Nx;xNx+Ny;x+)t+=t+=for(x=2;x=Nx;x+)t+=t+=for(x=Ny;x0;x-)t+=document.write(t+)var N=Nx*2+Ny*2 function f1(y)for(i=0;i10)c=20-c document.alla_mo+(i).bgColor=#0000+lc+lc+y+名师资料总结-精品资料欢迎下载-名师精心整理-第 16 页，共 34 页 -setTimeout(f1(+y+),1)f1(1)43、JavaScript 主页弹出窗口技巧窗口中间弹出 window.open(http:/,width=4
14、00,height=240,top=+(screen.availHeight-240)/2+,left=+(screen.availWidth-400)/2);=function WinOpen()msg=open(,DisplayWindow,toolbar=no,directories=no,menubar=no);msg.document.write(哈 罗!);msg.document.write(酷 毙了!这 是JavaScript 所 开 的 视窗!);名师资料总结-精品资料欢迎下载-名师精心整理-第 17 页，共 34 页 -=一、在下面的代码中，你只要单击打开一个窗口，即可链接
15、到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。代码如下：二、上面的代码也太静了，为何不来点动感呢？如果能给页面来个降落效果那该多好啊！代码如下：function drop(n)if(self.moveBy)self.moveBy(0，-900);for(i=n;i 0;i-)self.moveBy(0，3);for(j=8;j 0;j-)名师资料总结-精品资料欢迎下载-名师精心整理-第 19 页，共 34 页 -self.moveBy(0，j);self.moveBy(j，0);self.moveBy(0，-j);self.moveBy(-j，0);三、讨厌很多网站总是按照默认
16、窗口打开，如果你能随心所欲控制打开的窗口那该多好。代码如下:打开页面的参数 离开左边的距离:pixels 离开右边的距离:pixels 窗口的宽度:pixels 窗口的高度:pixels 名师资料总结-精品资料欢迎下载-名师精心整理-第 21 页，共 34 页 -你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。44、页面的打开移动把如下代码加入区域中 0;t-)for(x=20;x 0;x-)for(y=10;y 0;y-)parent.moveBy(0,-x);for(x=20;x 0;x-)for(y=10;y 0;y-)parent.moveBy(0,x);fo
17、r(x=20;x 0;x-)名师资料总结-精品资料欢迎下载-名师精心整理-第 22 页，共 34 页 -for(y=10;y 0;y-)parent.moveBy(x,0);for(x=20;x 0;x-)for(y=10;y 0;y-)parent.moveBy(-x,0);/-/End-45、显示个人客户端机器的日期和时间!-Hiding today=new Date()document.write(现 在 时 间 是：,today.getHours(),:,today.getMinutes()document.write(今 天 日 期 为：,today.getMonth()+1,/,t
18、oday.getDate(),/,today.getYear();名师资料总结-精品资料欢迎下载-名师精心整理-第 23 页，共 34 页 -/end hiding contents-46、自动的为你每次产生最後修改的日期了：This is a simple HTML-page.Last changes:47、不能为空和邮件地址的约束：Enter your name:名师资料总结-精品资料欢迎下载-名师精心整理-第 25 页，共 34 页 -Enter your e-mail address:48、跑马灯 !-Hide var scrtxt=怎麽样!很酷吧!您也可以试试.+Here goes
19、your message the visitors to your page will+look at for hours in pure fascination.;var lentxt=scrtxt.length;var width=100;var pos=1-width;function scroll()pos+;名师资料总结-精品资料欢迎下载-名师精心整理-第 26 页，共 34 页 -var scroller=;if(pos=lentxt)pos=1-width;if(pos0)for(var i=1;i 这里可显示您的网页!名师资料总结-精品资料欢迎下载-名师精心整理-第 27 页，
20、共 34 页 -49、在网页中用按钮来控制前页，后页和主页的显示。50、查看某网址的源代码把如下代码加入区域中 function add()var ress=document.forms0.luxiaoqing.value window.location=view-source:+ress;名师资料总结-精品资料欢迎下载-名师精心整理-第 28 页，共 34 页 -输入要查看源代码的URL 地址:51、title 显示日期把如下代码加入区域中:52、显示所有链接把如下代码加入区域中!-function extractlinks()var links=document.all.tags(A)va
21、r total=links.length var win2=window.open(,menubar,scrollbars,toolbar)win2.document.write(一共有+total+个连接)for(i=0;itotal;i+)win2.document.write(+linksi.outerHTML+)/-名师资料总结-精品资料欢迎下载-名师精心整理-第 30 页，共 34 页 -53、回车键换行把如下代码加入区域中 function handleEnter(field,event)var keyCode=event.keyCode?event.keyCode:event.w
22、hich?event.which:event.charCode;if(keyCode=13)var i;for(i=0;i field.form.elements.length;i+)if(field=field.form.elementsi)break;i=(i+1)%field.form.elements.length;field.form.elementsi.focus();return false;else return true;名师资料总结-精品资料欢迎下载-名师精心整理-第 31 页，共 34 页 -回车换行54、确认后提交把如下代码加入区域中 名师资料总结-精品资料欢迎下载-名师精心整理-第 32 页，共 34 页 -55、改变表格的内容把如下代码加入区域中 var arr=new Array()arr0=一一一一一;arr1=二二二二二;arr2=三三三三三;改变第一格 改变第二格 改变第三格 名师资料总结-精品资料欢迎下载-名师精心整理-第 33 页，共 34 页 -第一格 第二格 第三格 00(请您对文章做出评价)名师资料总结-精品资料欢迎下载-名师精心整理-第 34 页，共 34 页 -