40个经典网页代码

40个经典网页代码

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

no

可用于Table

2. 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架

9. 防止被人frame

10. 网页将不能被另存为

11.

onclick="window.location = "view-source:"+ "https://www.360docs.net/doc/b93004259.html,";">

12.删除时确认

location="boos.asp?&areyou=删除&page=1"">删除

13. 取得控件的绝对位置

//Javas cript

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

//VBs cript

14. 光标是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart("character",e.value.length);

r.collapse(true);

r.select();

}

15. 判断上一页的来源

javas cript：

document.referrer

16. 最小化、最大化、关闭窗口

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift键!"); //可以换成ALT CTRL

}

document.onkeydown=look;

18. 网页不会被缓存

或者

19.怎样让表单没有凹凸感？

或

20.

&的区别？

(division)用来定义大段的页面元素，会产生转行

用来定义同一行内的元素，跟

的唯一区别是不产生转行

是ns的标记，ie不支持，相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?

让竖条没有:

让横条没有:

两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

action="mailt****@***.com" enctype="text/plain">

25.在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

29. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

<p>onpropertychange="this.style.posHeight=this.scrollHeight"></p><p>

32. 日期减去天数等于第二个日期

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

Style Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：

把如下代码加入区域中:

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="https://www.360docs.net/doc/b93004259.html,"

autourl[2]="https://www.360docs.net/doc/b93004259.html,"

autourl[3]="https://www.360docs.net/doc/b93004259.html,"

autourl[4]="https://www.360docs.net/doc/b93004259.html,"

autourl[5]="https://www.360docs.net/doc/b93004259.html,"

function butt(){

document.write("

")

for(var i=1;i

document.write("

value=测试中……> =》

name=url"+i+" size=40> =》
") document.write("

")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i

document.write("

onerror=auto("http://";+autourl+"")>")}

run()

37. 各种样式的光标

auto ：标准光标

default ：标准箭头

hand ：手形光标

wait ：等待光标

text ：I形光标

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-resize

38.页面进入和退出的特效

进入页面

content="revealTrans(duration=x, transition=y)">

推出页面

content="revealTrans(duration=x, transition=y)">

这个是页面被载入和调出时的一些特效。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.网页是否被检索

其中属性值有以下一些:

属性值为"all": 文件将被检索，且页上链接可被查询；

属性值为"none": 文件不被检索，而且不查询页上的链接；

属性值为"index": 文件将被检索；

属性值为"follow": 查询页上的链接；

属性值为"noindex": 文件不检索，但可被查询链接；

属性值为"nofollow": 文件不被检索，但可查询页上的链接。

网页制作常用代码

Dreamweaver代码div+css Dreamweaver代码 基本结构标签: ,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志 其它主要标签,以下所有标志用在中: ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址
,换行标志

,分段标志 ,采用黑体字 ,采用斜体字

---

,水平画线 ,定义表格,HTML中重要的标志 ,定义表格的行,用在中 ,定义表格的单元格,用在中 ,字体样式标志

属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色.

表示绝对居中. 表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距 cellspacing=数值单位是像素,定义表元间距 border=数值单位是像素,定义表格边框宽度 width=数值单位是像素或窗口百分比,定义表格宽度 background=图片链接地址,定义表格背景图 表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束 属性:

网页设计代码大全

段落标记background:网页背景图像… bgcolor：网页背景颜色align:left right center text:字体颜色强制换行标记link：可链接文字的色彩

alink：被鼠标点中时可链接文字的颜色预排格式标记vlink：已经单击过的可链接文字的颜色

leftmargin：页面左边距插入水平线标记topmargin：页面上边距

---

Vlink：已经单击过的可链接文字的颜色文本缩标记Leftmargin：页面左边距

…

Topmargin：页面上边距列表标记 标题格式标记 1.无序标题 （范围（h1-h6））

align：left(左) right(右) center(中)
• 列1 bottom(底) top(顶)
• 列2 文字格式标记……… color=“颜色”>文字 type:disc● circle○ square■字形设置标记 2.有序字形 粗 字形 下划线
  字形 斜 字形文字增大
  1. 列1 字形 删除线
  2. 列2 字形 文字减小………

     网页设计模拟题-3

     网页设计模拟题三 一、单项选择题 1.HTML文本显示状态代码中,表示?（） A文本加注下标线 B文本加注上标线 C文本闪烁 D文本或图片居中 2.动态HTML中设定路径移动时间的属性是？（） A.Bounce B.Duration C.Repeat D.Target 3.下面CGI脚本中的通用格式和content-types不是一一对应的是哪一项？（） A.HTML与text/html B.Text与text/plain C.GIF与image/gif D.MPEG与image/jpeg 4.下列对CSS内容表述不正确的一项是？（） A伪类和伪元素不应用HTML的CLASS属性来指定 B一般的类不可以与伪类和伪元素一起使用 C一个已访问连接可以定义为不同颜色的显示 D一个已访问连接可以定义为不同字体大小和风格 5.用户可以在（）命令的动作中见到canAcceptCommand。 A. Sort Table B. Format Table C. Set Color Scheme D. Clean Up HTML 6.创建一个滚动菜单的HTML代码是？（） A.

     B. C. D. 7.下列对CSS单位中百分比单位表述有误的是哪一项？（） A一个百分比值由可选的正号”＋”或负号”－”、接着的一个数字，还有百分号”%” B在一个百分比值之中是没有空格的 C百分比值是相对于其它数值，不能用于定义每个属性 D最经常使用的百分比值是相对于元素的字体大小 8.由于无什么元素的标准属性列表，因而可以任意定义元数据？（） A. LINK B. BASE C. META D. TARGET

     网页设计试题及html代码

     2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 ^… ：使文字成为前一个字符的上标。 _…：使文字成为前一个字符的下标。 …：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2-4】字型设置标记的应用。 例如单标记

     ---

     表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：

     ---

     。 功能：设置网页中普通文字的显示效果。 格式：文字。 格式：标题内容。 属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：

     …

     。 强制换行标记 功能：另起一行显示文字。 格式：
     插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：

     ---

     1．无序列表 功能：设置无序列表。 格式：
     • 列表项目1
     • 列表项目2 属性：在无序列表的开始和结束处，分别是
       和
       标记，每一项列表条目之前必

       网页各种特效——黑客性质

       屏幕地震啊 鼠标碰到跳出无数个窗口 来呀！来呀！你来嘛~

       冻结你的窗口，使窗口无法再响应

       Html网页字体颜色代码大全

       Html网页字体颜色代码大全 好多人找html网页字体颜色都要去PS或者fireworks里面对照看下，那样太麻烦了，我给大家总结出一些用于Html网页文字颜色的代码，以免在去大家软件看看是什么颜色，html网页的代码太多了，我找的这些都是基本常用的字体颜色吧！也记录给我自己用的，以后就不会在去软件里面看下到底用哪种文字代码，希望大家喜欢!至于怎么详细的操作就不用我给大家说了吧！呵呵，喜欢的话大家赶快搜藏起来吧！以免用的时候方面喔！看看是不是大全啊? 输入文字 颜色代码大全： 1 白颜色 #FFFFFF 2 红颜色 #FF0000 3 绿颜色 #00FF00 4 蓝颜色 #0000FF 5 牡丹红 #FF00FF 6 青颜色 #00FFFF 7 黄颜色 #FFFF00 8 黑颜色 #000000 9 海颜蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD

       网页特效CSS大全

       HTML网页特效CSS大全 css属性代码大全 一CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/

       网页html代码大全

       常用HTML代码解释 一、文字 1.标题文字.......... #=1~6；h1为最大字，h6为最小字 2.字体变化.......... 【1】字体大小.......... #=1~7；数字愈大字也愈大 【2】指定字型.......... 【3】文字颜色.......... rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码 rrggbb也可用6位颜色代码数字 3.显示小字体.......... 4.显示大字体.......... 5.粗体字.......... 6.斜体字.......... 7.打字机字体.......... 8.底线.......... 9.删除线.......... 10.下标字_.......... 11.上标字^.......... 12.文字闪烁效果.......... 13.换行（也称回车）
       14.分段 15.文字的对齐方向

       #号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐P.S.

       之后的文字都会以所设的对齐方式显示，直到出现另一个

       改变其对齐方向，遇到

       ---

       或标签时会自动设回预设的向左对齐。

       前端网页设计代码大全

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

       写上你想写的字

       (其中字体大小可从h1-h5,h1最大，h5最小) 11)更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线：写上你想写的字 13)贴音乐： 14)贴flash: 15)贴影视文件： 16)换行：
       

       40个经典网页代码

       40个经典网页代码 1. oncontextmenu="" 将彻底屏蔽鼠标右键

       no

       可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会带着框架