专业资料 网页设计代码大全.docx

《专业资料 网页设计代码大全.docx》由会员分享，可在线阅读，更多相关《专业资料 网页设计代码大全.docx（61页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计代码大全HTML网页代码大全1）贴图：< img src="图片地址" ;>2）加入连接：< ;a href="所要连接的相关地址" ;> 写上你想写的字< /a>1）贴图：img src二图片地址2）加入连接：a href二所要连接的相关地址写上你想写的字 /a3）在新窗口打开连接：a href二相关地址 target二_blank 写上要写的字/a消除连接的下划线在新窗口打开连接：a href二相关地址 style二text-decoration:none”target二 _blank写上你想写的字/a4）移动字

2、体（走马灯）：marquee写上你想写的字/marquee5）字体加粗：b写上你想写的字/b6）字体斜体：i写上你想写的字/i7）字体下划线：u写上你想写的字/u8）字体删除线：s写上你想写的字/s9）字体加大：big写上你想写的字/big10）字体控制大小：hl写上你想写的字/hl（其中字体大小可从hl-h5, hl最大，h5最小）META HTTP-EQUIV二pragma CONTENT=no-cache”或者META HTTP-EQUIV二expires CONTENT=030 .怎样让表单没有凹凸感？input type=text style二border:1 solid #0000

3、00或 31 .不要滚动条？让竖条没有：body style=overflow:scroll;overflow-y:hidden”让横条没有：两个都去掉？更简单了body scroll二no32 .怎样去掉图片链接点击后，图片周围的虚线？33.电子邮件处理提交表单form name=form1 method二post”action=mailt*. com enctype=text/plaininput type=submit34 .在打开的子窗口刷新父窗口的代码里如何写？window, opener, location, reload()35 .如何设定打开页面的大小打开页面的位置body o

4、nload=top. moveBy (300, 200);36 .在页面中如何加入不是满铺的背景图片,拉动页面时背景图 不动bodybackground-image:ur1(logo, gif);background-repeat:no-repeat;background-position:center;background-attachment: fixed)37 .检查一段字符串是否全由数字组成38 .获得一个窗口的大小document, body. clientWidth; document, body. clientHeight39 .怎么判断是否是字符if (/ Vx00-/xff/

5、g. test (s) alert (含有汉字)；else alert (全是字符);40 . TEXTAREA自适应文字行数的多少41 .日期减去天数等于第二个日期script language=Javascriptfunction cc (dd,dadd)(可以加上错误处理var a = new Date(dd)a = a. valueOf () a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a)alert (a. getFul lYear () + 年 + (a. getMonth () + 1) + 月+ a. getDate () +

6、 日) ccf 12/23/2002, 2)42 .选择了哪一个RadioHTMLXscript language=vbscript”function checkme()for each ob in radiolif ob.checked then window, alert ob. valuenextend functionStyleBarcode INPUT type二button value二check onclick二checkme()43.脚本永不出错SCRIPT LANGUAGE二JavaScript”44 . ENTER键可以让光标移到下一个输入框45 .检测某个网站的链接速度：

7、把如下代码加入区域中：script language=Javascripttim=lsetinterval (/ztim+/z, 100)b=lvar autourl=new Array()autourll=http:/www. njcatv. netautourl 2=/. 3322. netautourl 3 =/http: /ww. sina. com. cnautourl 4 =/http: /ww. nuaa. edu. cnautourl 5=/http:/www. cctv. comfunction butt () document, write (/z)for(var i=l;

8、iautourL length;i+)document, write (/z = =input type=button value=G0 onclick=window. open(this. form. url+i+ value)br) document, write (/z) )butt ()function auto(url)document, forms0url+b value=urlif(tim200)document, forms 0 txt+b. value二链接超时 elsedocument, forms 0 txt+b. value=时间+tim/10+秒 b+ functio

9、n run()for(vari=l;iautourl. length;i+)document, write(imgsrc=http:/z/+autour 1+Z/Z/+Math. random() +/z width=l height=l nerror=auto(http:/+autourl+)run()46 .各种样式的光标auto ：标准光标default ：标准箭头hand ：手形光标wait ：等待光标text ： I形光标vertical-text ：水平I形光标no-drop ：不可拖动光标 not-allowed ：无效光标 help ： ?帮助光标all-scroll ： 三角

10、方向标move ：移动标 crosshair ：十字标 e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格 的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标 经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单：script LANGUAGE二JavaScript”function click() if (event. button=2)alert(呵呵，不好意思，你甭想使用右键下载图片：)； document. onmousedown=click48、在

11、网页的Head部分加入如下代码，这段代码的主要功能是 屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件一一另存 为菜单另存。/ / /1 .将彻底屏蔽鼠标右键no 可用于Table2 . 取消选取、防止复制3 .不准粘贴4 .防止复制5 . link rel二Shortcut Icon“ href二favicon. icoIE 地址 栏前换成自己的图标6 . link rel二Bookmark“ href二favicon. ico可以在收藏夹 中显示出你的图标7 . input style=ime-mode:-Disabled”关闭输入法8 .永远都会带着框架script lan

12、guage=javascript9 .防止被人frame10 .网页将不能被另存为11 . 12 .删除时确认删除 13 .取得控件的绝对位置/javascriptfunction getlE(E)var t=e.offsetTop;var l=e.offsetLeft;while(e=e. offsetParent) t+=e. offsetTop;11）更改字体颜色：写上你想写的字/font（其中value值在000000与ffffff（16位进制）之间12）消除连接的下划线：a href二相关地址style =text-decorat ion: none写上你想写的字 /a13）贴音乐:

13、14）贴 flash: embed src二flash 地址 width=宽度 height二 高度15）贴影视文件：img dynsrc二文件地址 width二宽度height二高度 start=mouseover16）换行:17）段落：p段落18）原始文字样式：pre正文/pre19）换帖子背景：body background二背景图片地址”20）固定帖子背景不随滚动条滚动：body background二背景图 片地址 bodybgproperties=fixed21）定制帖子背景颜色： （value 值见10）22）帖子背景音乐：bgsound=背景音乐地址 loop二infinite

14、23）贴网页:l+=e.offsetLeft;alert (top=+t+/nleft=+1);)/VBScriptscript language=VBScript!-function getIE()dim t, 1, a, bset a=document. all. imglt=document, all. imgl. offsetTopl=document. all. imgl. offsetLeftwhile a. tagNameBODYset a = a. offsetParentt=t+a. offsetTopl=l+a. offsetLeftwendmsgbox top=&t&ch

15、r (13)&left=&1, 64, 得到控件的位置end function-14 .光标是停在文本框文字的最后script language=javascript”function cc () var e = event. srcElement;var r =e. createTextRange();r. moveStart C character, e. value, length);r.collapse(true);r. select ();input type=text name=textl value=12315 .判断上一页的来源javascript:document, refe

16、rrer16 .最小化、最大化、关闭窗口object id=hhlclassid二clsid:ADB880A6-D8FF-11CF-9377-00AA003B7Al1param name=Command value=Miniinize/objectinput type=button value=关闭 onclick=hh3. Click () 本例适用于IE17 .屏蔽功能键 Shift, Alt, Ctrlfunction look()if (event. shiftKey)alert (禁止按Shift键！； 可以换成ALT CTRL)document. onkeydown=look;18

17、 .网页不会被缓存META HTTP-EQUIV二pragma CONTENT=no-cache”或者META HTTP-EQUIV二expires CONTENT=019 .怎样让表单没有凹凸感？input type=text style二border:1 solid #000000 或20 .divXspan&layer的区别？div(division)用来定义大段的页面元素，会产生转行span用来定义同一行内的元素，跟div的唯一区别是不产生 转行layer是ns的标记，ie不支持，相当于div21 .让弹出窗口总是在最上面：22 .不要滚动条？让竖条没有：让横条没有：两个都去掉？更简单

18、了body scroll二no23 .怎样去掉图片链接点击后，图片周围的虚线？24 .电子邮件处理提交表单25 .在打开的子窗口刷新父窗口的代码里如何写？window, opener, location, reload ()26 .如何设定打开页面的大小打开页面的位置body27 .在页面中如何加入不是满铺的背景图片,拉动页面时背景图 不动bodybackground-image:ur1(logo, gif);background-repeat:no-repeat;background-pos i t ion:center;background-attachment: fixed)28 .检查

19、一段字符串是否全由数字组成29 .获得一个窗口的大小document, body. clientWidth; document, body. clientHeight30 .怎么判断是否是字符if (/Vx00-/xff/g. test(s) alert(含有汉字;else alert (全是字符；31 . TEXTAREA自适应文字行数的多少32 .日期减去天数等于第二个日期script language=javascriptfunction cc (dd, dadd)可以加上错误处理var a = new Date(dd)a = a. valueOf ()a = a - dadd * 24

20、 * 60 * 60 * 1000a = new Date(A)alert (a. getFullYear () + 年 + (a. getMonth () + 1) + 月+ a. getDate () + 日)cc (12/23/2002，2)33 .选择了哪一个RadioHTMLXscript language=vbscript”function checkme()for each ob in radiolif ob.checked then window, alert ob. valuenextend functionstyleBarcodeINPUT type二button valu

21、e=check”34 .脚本永不出错SCRIPT LANGUAGE二javascript” 35 . ENTER键可以让光标移到下一个输入框36 .检测某个网站的链接速度：把如下代码加入body区域中：script language=javascripttim=lsetinterval (z/tim+/z, 100)b二 1var autourl=new Array()autourl l=/. njcatv. net/;autourl 2=/3322. net autourl 3=/http:/www. sina. com. cn/; autourl4=http:/www. nuaa. edu

22、. cn/;autourl 5=/zhttp:/www. cctv. com/;function butt ()document, write (/z for (var i=l;iautourL length;i+)document, write (/z = =input type=button value=G0 onclick=window. open(this. form. url+i+ value)br document, write (/z )butt ()function auto(url)document, forms0url+b value=urlif(tim200)docume

23、nt, forms 0 txt+b. value二链接超时 elsedocument, forms 0 /ztxt/z+b. value=时间+tim/10+秒 b+function run()for(vari=l;iautourl. length;i+)document, write(imgsrc=http:/z+autour 1+/Z/Z+Math. random() +/z width=l height=lonerror=auto(http:/；+autourl+、)run()37 .各种样式的光标auto ：标准光标default ：标准箭头hand ：手形光标wait ：等待光标te

24、xt ： I形光标vertical-text ：水平I形光标no-drop ：不可拖动光标not-allowed ：无效光标help ： ?帮助光标all-scroll ：三角方向标move ：移动标crosshair ：十字标e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize38 .页面进入和退出的特效HTML特效代码1。忽视右键body oncontextmenu=/return false”或body style=/zoverflow-y:hidden”2o加入背景音乐IE:NS:embed src=*.mid auto

25、start=true hidden=trueloop=true*. mid你的背景音乐的midi格式文件3o简单的window, open方法文字或图片/a参数解释： js 脚本开始；window, open弹出新窗口的命令；文件路径/文件名弹出窗口的文件名；进入页面meta http-equiv=Page-Entercontent=，revealTrans (duration=x, transition=y) 推出页面meta http-equiv二Page-Exit”content=revealTrans (duration，transition=y) 这个是页面被载入和调出时的一些特效。

26、Duration表示特效的持续时间，以秒为单位。Transition表示使用哪种特效，取值为1-23:0矩形缩小1矩形扩大2圆形缩小3圆形扩大4下到上刷新5上到下刷新6左到右刷新7右到左刷新8竖百叶窗9横百叶窗10错位横百叶窗11错位竖百叶窗12点扩散13左右到中间刷新14中间到左右刷新15中间到上下16上下到中间17右下到左上18右上到左下19左上到右下20左下到右上21横条22竖条23以上22种随机选择一种39 .在规定时间内跳转40 .网页是否被检索meta name二ROBOTS content=属性值其中属性值有以下一些：属性值为&11：文件将被检索，且页上链接可被查询；属性值为no

27、ne：文件不被检索，而且不查询页上的链接；属性值为index：文件将被检索；属性值为follow：查询页上的链接；属性值为noindex：文件不检索，但可被查询链接；属性值为nofol low：文件不被检索，但可查询页上的链接。41 .变换网页的鼠标光标42 .怎样实现在任务栏显示小图标的效果？（要使用绝对地址）有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹 后也在收藏栏中显示图标，这样很好的与其它站点有了区别。要达到这个效果，先需做出这个图标文件，图像为16*16像素, 不要超过16色。文件格式为ico,然后上传至你的网站。然后，在需要的页面中，加上以下html语句到文件的head

28、和之间（假设以上ic。文件的地址http:/happyisland. 126. com/icon, ico）。如果访问者的浏览器是IE5.0,就不需加任何代码，只要将图标 文件上传到网站的根目录下即可。1, META标签里的代码是什么意思？是放于HEAD与之间的标记.以下是我总结它在 网页中最常见的几种。meta name二Keywords content二图片，新闻，音乐，软件该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站中并没什么用。设定这是HTML文件及其编码语系，简体中文网页使用 charset=gb2312,繁体中文使用charset=big5,或者不设编码也可， 纯英文

29、网页建议使用iso-8859-1。 这只表示该网页由什么编辑器写的。meta http-equiv=refresh content=10;url=http:/www. hkiwc. com这行较为实用，能于预定秒数内自动转到指定网址。原代码中10 表示10秒。2,怎么改变滚动条的颜色，只有ie5. 5版本以上才能支持。这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定 的关系。scrollbar-arrow-color：上下按钮上三角箭头的颜色。scrollbar-base-color：滚动条的基本颜色。scrollbar-dark-shadow-color：立体滚动条强阴影的颜色scrollbar-face-color：立体滚动条凸出部分的颜色 scrollbar-highlight-color：滚动条空白部分的颜色 scrollbar-shadow-color立体滚动条阴影的颜色。scrollbar-track-color:#99CC33;scrollbar-3dlight-color:#A8CBF1;代码如下：! 一BODY scrollbar-face-color: #99CC33; （立体滚动条凸出部分的颜 色）scrollb