前端网页设计代码大全.docx

1、前端网页设计代码大全 Html网页设计代码设计第一技术其次 : )-1)贴图：<img src="图片地址">2)加入连接：<a href="所要连接的1)贴图：2)加入连接：a href=所要连接的3)在新窗口打开连接：手持机消除连接的下划线在新窗口打开连接：写上你想写的字4)移动字体(走马灯)：写上你想写的字5)字体加粗：写上你想写的字6)字体斜体：写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加大: 写上你想写的字10)字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)1

2、1)更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：写上你想写的字13)贴音乐：14)贴flash: 15)贴影视文件：16)换行：17)段落：段落18)原始文字样式：正文19)换帖子背景：20)固定帖子背景不随滚动条滚动：21)定制帖子背景颜色：(value值见10)22)帖子背景音乐：23)贴网页：/-HTML特效代码-/1。忽视右键 或 2。加入背景音乐 IE: NS: *.mid你的背景音乐的midi格式文件 3。简单的window.open方法 文字或图片 参数解释： js脚本开始； window.open 弹出新窗

3、口的命令； 文件路径/文件名 弹出窗口的文件名； newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替； width=400 窗口宽度； height=300 窗口高度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； js脚本结束

4、4。简单的页面加密 5。拉动页面时背景图不动 bodybackground-image:url(logo.gif); background-repeat:no-repeat;background-position:center 6。让浏览器在保存页面时保存失败 7。随机替换图片 document.write( 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 8。窗口定时关闭 先将如下代码网页文件的区： function closeit() setTimeout(self.close(),10000) /毫秒 然后再在标内加入如： 9。网页自动关闭 这个窗口会在10秒过后

5、自动关闭,而且不会出现提示. 10。网页自动刷新 在head部记入 其中20为20秒后自动刷新，你可以更改为任意值。 11。网页自动转页 12。保持layer在最前面，而不被Iframe、Object所覆盖 在Layer中再插Iframe 或 Object 设z-Index值 前面 后面 height=100% width=100% 13。返回上一页 返回上一页 14。关闭窗口 关闭窗口 15。关于iframe的透明背景 16. oncontextmenu=window.event.returnValue=false 将彻底屏蔽鼠标右键 no 可用于Table 17. 取消选取、防止复制 18

6、.onpaste=return false 不准粘贴 19.oncopy=return false; oncut=return false; 防止复制20. IE地址栏前换成自己的图标21. 可以在收藏夹中显示出你的图标22. 关闭输入法23. 永远都会带着框架 24. 防止被人frame25. 网页将不能被另存为26. 查看网页源代码27.删除时确认删除28.屏蔽功能键Shift,Alt,Ctrl function look() if(event.shiftKey) alert(禁止按Shift键!); /可以换成ALTCTRL document.onkeydown=look; 29. 网页

7、不会被缓存 或者30.怎样让表单没有凹凸感？ 或 31.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉？更简单了 32.怎样去掉图片链接点击后，图片周围的虚线？33.电子邮件处理提交表单 34.在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload()35.如何设定打开页面的大小 打开页面的位置36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 body background-image:url(logo.gif); background-repeat:no-repeat; background-position:center;b

8、ackground-attachment: fixed 37. 检查一段字符串是否全由数字组成 38. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight39. 怎么判断是否是字符 if (/x00-/xff/g.test(s) alert(含有汉字); else alert(全是字符);40.TEXTAREA自适应文字行数的多少 41. 日期减去天数等于第二个日期 function cc(dd,dadd) /可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - d

9、add * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + 年 + (a.getMonth() + 1) + 月 + a.getDate() + 日) cc(12/23/2002,2) 42. 选择了哪一个Radio function checkme() for each ob in radio1 if ob.checked then window.alert ob.value next end function Style Barcode 43.脚本永不出错 44.ENTER键可以让光标移到下一个输入框 45. 检测某个

10、网站的链接速度： 把如下代码加入区域中: 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+) document.write( = =) document.write() butt() function auto(url) document.forms0url+b.value=url if(tim200) do

11、cument.forms0txt+b.value=链接超时 else document.forms0txt+b.value=时间+tim/10+秒 b+ function run()for(var i=1;iautourl.length;i+)document.write() run()46. 各种样式的光标 auto ：标准光标 default ：标准箭头 hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：?帮助光标 all-scroll ：三角方向标

12、move ：移动标 crosshair ：十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单： function click() if (event.button=2) alert(呵呵，不好意思，你甭想使用右键下载图片：）); document.onmousedown=click48、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件另存为菜单另存。!-function testclip()try if(clipboardData.getData(Text)|clipboardData.getData(HTML)|clipboardData.getData(URL) null;catch(e)clipboardData.setData(Text,)setTimeout(testclip(),500)testclip();