Html网页设计代码Word版

《Html网页设计代码Word版》由会员分享，可在线阅读，更多相关《Html网页设计代码Word版（40页珍藏版）》请在装配图网上搜索。

1、传播优秀Word版文档 ，希望对您有帮助，可双击去除！Html网页设计代码 设计第一技术其次 : )-1)贴图：<img src="图片地址">2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>1)贴图：2)加入连接：写上你想写的字3)在新窗口打开连接：写上要写的字消除连接的下划线在新窗口打开连接：写上你想写的字4)移动字体(走马灯)：写上你想写的字5)字体加粗：写上你想写的字6)字体斜体：写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加大: 写上你想写

2、的字10)字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)11)更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：写上你想写的字13)贴音乐：14)贴flash: 15)贴影视文件：传播优秀Word版文档 ，希望对您有帮助，可双击去除！16)换行：17)段落：段落18)原始文字样式：正文19)换帖子背景：20)固定帖子背景不随滚动条滚动：21)定制帖子背景颜色：(value值见10)22)帖子背景音乐：23)贴网页：/-HTML特效代码-/1。忽视右键 或 2。加入背景音乐 IE: NS: *.m

3、id你的背景音乐的midi格式文件 3。简单的window.open方法 文字或图片 参数解释： js脚本开始； window.open 弹出新窗口的命令； 文件路径/文件名 弹出窗口的文件名； newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替； width=400 窗口宽度； height=300 窗口高度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 传播优秀Word版文档 ，希望对您有帮助，可双击去除！ resizab

4、le=no 是否允许改变窗口大小，yes为允许； location=no 是否显示地址栏，yes为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； js脚本结束 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。窗口定时关

5、闭 先将如下代码网页文件的区： function closeit() setTimeout(self.close(),10000) /毫秒 然后再在标内加入如： 9。网页自动关闭 这个窗口会在10秒过后自动关闭,而且不会出现提示. 传播优秀Word版文档 ，希望对您有帮助，可双击去除！ 10。网页自动刷新 在head部记入 其中20为20秒后自动刷新，你可以更改为任意值。 11。网页自动转页 12。保持layer在最前面，而不被Iframe、Object所覆盖 在Layer中再插Iframe 或 Object 设z-Index值 前面 后面 height=100% width=100% 13。

6、返回上一页 返回上一页 14。关闭窗口 关闭窗口 15。关于iframe的透明背景 16. oncontextmenu=window.event.returnValue=false 将彻底屏蔽鼠标右键 no 可用于Table 17. 取消选取、防止复制 18.onpaste=return false 不准粘贴 19.oncopy=return false; oncut=return false; 防止复制20. IE地址栏前换成自己的图标21. 可以在收藏夹中显示出你的图标22. 关闭输入法23. 永远都会带着框架 传播优秀Word版文档 ，希望对您有帮助，可双击去除！24. 防止被人fram

7、e25. 网页将不能被另存为26. 查看网页源代码27.删除时确认删除28.屏蔽功能键Shift,Alt,Ctrl function look() if(event.shiftKey) alert(禁止按Shift键!); /可以换成ALTCTRL document.onkeydown=look; 29. 网页不会被缓存 或者30.怎样让表单没有凹凸感？ 或 31.不要滚动条? 让竖条没有: 传播优秀Word版文档 ，希望对您有帮助，可双击去除！让横条没有: 两个都去掉？更简单了 32.怎样去掉图片链接点击后，图片周围的虚线？33.电子邮件处理提交表单 34.在打开的子窗口刷新父窗口的代码里如

8、何写？ window.opener.location.reload()35.如何设定打开页面的大小 打开页面的位置36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 body background-image:url(logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed 37. 检查一段字符串是否全由数字组成 38. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight39

9、. 怎么判断是否是字符 if (/x00-/xff/g.test(s) alert(含有汉字); else alert(全是字符);传播优秀Word版文档 ，希望对您有帮助，可双击去除！40.TEXTAREA自适应文字行数的多少 41. 日期减去天数等于第二个日期 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) +

10、 月 + 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. 检测某个网站的链接速度： 把如下代码加入区域中: tim=1 setInterval(tim+,100) b=1 传播优秀Word版文档 ，希望对您有帮助，可双击去除！var autour

11、l=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) document.forms0txt+b.value=链接超时 else document.forms0txt+b.value=时

12、间+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 ：三角方向标 move ：移动标 crosshair ：十字标 e-resize n-resize 传播优秀Word版文档 ，希望对您有帮助

13、，可双击去除！nw-resize w-resize s-resize se-resize sw-resize47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单： function click() if (event.button=2) alert(呵呵，不好意思，你甭想使用右键下载图片：）); document.onmousedown=click48、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件另存为菜

14、单另存。/1. 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制传播优秀Word版文档 ，希望对您有帮助，可双击去除！3. 不准粘贴4. 防止复制5. IE地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标7. 关闭输入法8. 永远都会带着框架9. 防止被人frame10. 网页将不能被另存为 11. input type=button value=查看网页源代码 onclick=window.location = view-source:+ 12.删除时确认删除 13. 取得控件的绝对位置/javascriptfunction getIE(E)var t=e.offse

15、tTop;var l=e.offsetLeft;while(e=e.offsetParent)t+=e.offsetTop;l+=e.offsetLeft;alert(top=+t+/nleft=+l);传播优秀Word版文档 ，希望对您有帮助，可双击去除！/VBScript!-function getIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagNameBODYset a = a.offsetParentt=t+a.offs

16、etTopl=l+a.offsetLeftwendmsgbox top=&t&chr(13)&left=&l,64,得到控件的位置end function-14. 光标是停在文本框文字的最后function cc()var e = event.srcElement;var r =e.createTextRange();r.moveStart(character,e.value.length);r.collapse(true);r.select(); 15. 判断上一页的来源javascript:document.referrer16. 最小化、最大化、关闭窗口 传播优秀Word版文档 ，希望对

17、您有帮助，可双击去除！本例适用于IE17.屏蔽功能键Shift,Alt,Ctrlfunction look() if(event.shiftKey) alert(禁止按Shift键!; /可以换成ALTCTRL document.onkeydown=look; 18. 网页不会被缓存或者19.怎样让表单没有凹凸感？ 或20.&的区别？ (division)用来定义大段的页面元素，会产生转行 用来定义同一行内的元素，跟的唯一区别是不产生转行 是ns的标记，ie不支持，相当于21.让弹出窗口总是在最上面:22.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉？更简单了 传播优秀Word版文档

18、，希望对您有帮助，可双击去除！23.怎样去掉图片链接点击后，图片周围的虚线？24.电子邮件处理提交表单 25.在打开的子窗口刷新父窗口的代码里如何写？window.opener.location.reload()26.如何设定打开页面的大小打开页面的位置27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 body background-image:url(logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed 28. 检查一段字符串是否全由数字组成

19、29. 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight30. 怎么判断是否是字符if (/x00-/xff/g.test(s) alert(含有汉字;else alert(全是字符;31.TEXTAREA自适应文字行数的多少32. 日期减去天数等于第二个日期function cc(dd,dadd)传播优秀Word版文档 ，希望对您有帮助，可双击去除！/可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new

20、 Date(A)alert(a.getFullYear() + 年 + (a.getMonth() + 1) + 月 + a.getDate() + 日cc(12/23/2002,2)33. 选择了哪一个Radiofunction checkme()for each ob in radio1if ob.checked then window.alert ob.valuenextend functionstyleBarcode34.脚本永不出错 35.ENTER键可以让光标移到下一个输入框36. 检测某个网站的链接速度：把如下代码加入区域中:tim=1setInterval(tim+,100)b

21、=1传播优秀Word版文档 ，希望对您有帮助，可双击去除！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=urlif(tim200)document.forms0txt+b.value=链接超时elsedocument

22、.forms0txt+b.value=时间+tim/10+秒b+function run()for(var i=1;iautourl.length;i+)document.write(run()37. 各种样式的光标auto ：标准光标default ：标准箭头hand ：手形光标wait ：等待光标text ：I形光标vertical-text ：水平I形光标no-drop ：不可拖动光标not-allowed ：无效光标help ：?帮助光标all-scroll ：三角方向标传播优秀Word版文档 ，希望对您有帮助，可双击去除！move ：移动标crosshair ：十字标e-resize

23、n-resizenw-resizew-resizes-resizese-resizesw-resize38.页面进入和退出的特效进入页面推出页面 这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间，以秒为单位。Transition表示使用哪种特效，取值为1-23:0 矩形缩小 1 矩形扩大 2 圆形缩小3 圆形扩大 4 下到上刷新 5 上到下刷新6 左到右刷新 7 右到左刷新 8 竖百叶窗9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗12 点扩散 13 左右到中间刷新 14 中间到左右刷新15 中间到上下16 上下到中间 17 右下到左上18 右上到左下 19 左上到

24、右下 20 左下到右上21 横条 22 竖条 23 以上22种随机选择一种39.在规定时间内跳转 传播优秀Word版文档 ，希望对您有帮助，可双击去除！40.网页是否被检索其中属性值有以下一些:属性值为all: 文件将被检索，且页上链接可被查询；属性值为none: 文件不被检索，而且不查询页上的链接；属性值为index: 文件将被检索；属性值为follow: 查询页上的链接；属性值为noindex: 文件不检索，但可被查询链接；属性值为nofollow: 文件不被检索，但可查询页上的链接。 41.变换网页的鼠标光标42.怎样实现在任务栏显示小图标的效果？ (要使用绝对地址)有些站点，访问时会在

25、地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标，这样很好的与其它站点有了区别。 要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。文件格式为ico，然后上传至你的网站。然后，在需要的页面中，加上以下html语句到文件的和之间（假设以上ico文件的地址link REL=SHORTCUT ICONhref=http:/ 如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。1,META标签里的代码是什么意思？ 是放于与之间的标记.以下是我总结它在网页中最常见的几种。 该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站

26、中并没什么用。 设定这是 HTML 文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使用 iso-8859-1。 这只表示该网页由什么编辑器写的。 这行较为实用，能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。 2，怎么改变滚动条的颜色，只有ie5.5版本以上才能支持。 这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定的关系。 scrollbar-arrow-color：上下按钮上三角箭头的颜色。 scrollbar-base-color：滚动条的基本颜色。 scrollbar-dar

27、k-shadow-color：立体滚动条强阴影的颜色 scrollbar-face-color：立体滚动条凸出部分的颜色 scrollbar-highlight-color：滚动条空白部分的颜色 传播优秀Word版文档 ，希望对您有帮助，可双击去除！scrollbar-shadow-color立体滚动条阴影的颜色。scrollbar-track-color:#99CC33;scrollbar-3dlight-color:#A8CBF1; 代码如下： /以下是其它的网页的代码在这我补充几点： 1.让浏览器窗口永远都不出现滚动条。 或 或 2，没有水平滚动条 3，没有垂直滚动条 3,如何给图片抖动怎做的. SCRIPT language=javascript1.