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)换行：
17)段落：
段落
18)原始文字样式：
正文
19)换帖子背景：
20)固定帖子背景不随滚动条滚动：
bgproperties=fixed>
21)定制帖子背景颜色：
(value值见10)22)帖子背景音乐：
23)贴网页：
/----------------------------------------HTML特效代码--------------------------------/
1。忽视右键
或
2。加入背景音乐
IE:
NS:
*.mid你的背景音乐的midi格式文件
3。简单的window.open方法
参数解释：
js脚本结束
4。简单的页面加密
5。拉动页面时背景图不动
6。让浏览器在保存页面时保存失败
7。随机替换图片
图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定时关闭
先将如下代码网页文件的区：
然后再在
标内加入如：9。网页自动关闭
这个窗口会在10秒过后自动关闭,而且不会出现提示.
10。网页自动刷新
在head部记入
其中20为20秒后自动刷新，你可以更改为任意值。
11。网页自动转页
12。保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe 或 Object 设z-Index值
13。返回上一页
14。关闭窗口
15。关于iframe的透明背景
16. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
| no |
17.
取消选取、防止复制18.οnpaste="return false" 不准粘贴
19.οncοpy="return false;" oncut="return false;" 防止复制
20. IE地址栏前换成自己的图标
21. 可以在收藏夹中显示出你的图标
22. 关闭输入法
23. 永远都会带着框架
24. 防止被人frame
25. 网页将不能被另存为
26. 查看网页源代码
27.删除时确认
28.屏蔽功能键Shift,Alt,Ctrl
29. 网页不会被缓存
或者
30.怎样让表单没有凹凸感？
或
31.不要滚动条?
让竖条没有:
让横条没有:
两个都去掉？更简单了
32.怎样去掉图片链接点击后，图片周围的虚线？
33.电子邮件处理提交表单
34.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
35.如何设定打开页面的大小
打开页面的位置
36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
37. 检查一段字符串是否全由数字组成
38. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
39. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
40.TEXTAREA自适应文字行数的多少
41. 日期减去天数等于第二个日期
42. 选择了哪一个Radio
Style
Barcode
43.脚本永不出错
44.ENTER键可以让光标移到下一个输入框
45. 检测某个网站的链接速度：
把如下代码加入
区域中:46. 各种样式的光标
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
47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单：
48、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件——另存为菜单另存。
/
1. 将彻底屏蔽鼠标右键
| no |
2.
取消选取、防止复制3. 不准粘贴
4. 防止复制
5. IE地址栏前换成自己的图标
6. 可以在收藏夹中显示出你的图标
7. 关闭输入法
8. 永远都会带着框架
9. 防止被人frame
10. 网页将不能被另存为
11.
οnclick="window.location = `view-source:`+ http://www.51js.com/`";>
12.删除时确认
除
13. 取得控件的绝对位置
//javascript
//VBScript
14. 光标是停在文本框文字的最后
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
18. 网页不会被缓存
或者
19.怎样让表单没有凹凸感？
或
1 solid #000000">
20.
用来定义同一行内的元素，跟 21.让弹出窗口总是在最上面: 22.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉？更简单了 23.怎样去掉图片链接点击后，图片周围的虚线？ 24.电子邮件处理提交表单 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自适应文字行数的多少 32. 日期减去天数等于第二个日期 33. 选择了哪一个Radio style Barcode 34.脚本永不出错 35.ENTER键可以让光标移到下一个输入框 36. 检测某个网站的链接速度： 把如下代码加入 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.页面进入和退出的特效 进入页面 推出页面 这个是页面被载入和调出时的一些特效。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": 文件不被检索，但可查询页上的链接。 41.变换网页的鼠标光标 42.怎样实现在任务栏显示小图标的效果？ (要使用绝对地址) 有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标， 这样很好的与其它站点有了区别。 要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。文件格式为ico，然后上传至你的网站。 然后，在需要的页面中，加上以下html语句到文件的 如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。 1,META标签里的代码是什么意思？ 是放于 该网页的关键字，作用于搜索引擎的登录，事实上它在现在的网站中并没什么用。 设定这是 HTML 文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使用 iso-8859-1。 这只表示该网页由什么编辑器写的。 这行较为实用，能于预定秒数内自动转到指定网址。原代码中 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; 代码如下： //以下是其它的网页的代码 在这我补充几点： 1.让浏览器窗口永远都不出现滚动条。 2，没有水平滚动条 3，没有垂直滚动条 3,如何给图片抖动怎做的. 4，在DW如何给水平线加颜色。 在DW中没有此项设置，你只能在HTML中加入代码： 5，如何在网页中实现flash的全屏播放？ 只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File菜单；选Publish Settings弹出导出设置对话框；在HTML标签下的Dimensions选项,下拉后选中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。 6,为什么我在DW中插入的Flash动画缺看不找！ 如果你没有正确地安装Dreamweaver和Flash，那么在你预览的时候，Dreamweaver会提示你缺少播放的插件，请你按装InstallAXFlash.exe 并从新启动计算机。现在IE6已经捆绑这个程序。 7，在Flash中，如果屏蔽鼠标右键?FS命令都是什么意思? fscommand ("fullscreen", "true/false";（全屏设置，TRUE开，FALSE关） fscommand ("showmenu", "true/false";（右键菜单设置，TRUE显示，FALSE不显示） fscommand ("allowscale", "true/false";（缩放设置，TRUE自由缩放，FALSE调整画面不影响影片本身的尺寸） fscommand ("trapallkeys", "true/false";（快捷键设置，TRUE快捷键开，FALSE快捷键关） fscommand ("exec";（EXE程序调用） fscommand ("quit";（退出关闭窗口） 8，Flash中什么是隐形按钮。 利用button中的hit帧来制作只有感应区域而完全透明的按钮。 9，如何给Flash动画做链接。 Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中。 10，DW中的层的技巧。 层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了。 11，如何改变鼠标的形状？ 在Dreamweaver4中CSS样式面板： 按CTR+SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在 这里选择（文本）作为对象，还可以自己改为其他的，如link等。 x可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw-resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。 12，用CSS做邮票，看看吧！ 13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！ 这javascript代码即可实现，摘录蓝色论坛。 【1、最基本的弹出窗口代码】 其实代码非常简单： 因为着是一段javascripts代码，所以它们应该放在之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (`page.html`) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 这一段代码可以加入HTML的任意位置， 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 参数解释： js脚本结束 【3、用函数控制弹出窗口】 下面是一个完整的代码。 …任意的页面内容… 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢？ 方法一： 方法二： 方法三：用一个连接调用： 注意：使用的“#”是虚连接。 方法四：用一个按钮调用： 14，没有用表格写的，让大家随便看看，没什么。 15,IE6已支持自定义cursor! 语法格式 cursor:url(图标) //cur或是ani文件. cur就是WINDOWS中的光标(cursor)文件，光标文件与图标（ICON)文件除了文件头有一个位置的值不同外，实际是一样的。 ani是WINDOWS中的动画光标（图标）文件。 16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。 语法： align=# | top | middle| bottom //对齐方式) BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移动的方式 BGCOLOR=color//底色区域颜色 DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向 Loop=n //循环次数（默认是循环不止） Scrolldelay=milliseconds//延时 height=# width=# //区域面积 hspace=# vspace=# //空白区域 scrollamount=# //移动的速度 17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。 这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。 18，flash的网页里“加入收藏夹”功能怎么实现？ 在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)" 19，在Flash中，文本的动态属性和输入属性的区别。 input text在运行时可被用户或程序改变其值。 ynamic text仅允许被程序修改。 20,怎样在IE中调用Dreamweaver进行编辑. 相信很多在使用WinME或Window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加到注册表即可。 REGEDIT4 [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver] [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell] [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit] [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command] @="\"c:\\Program Files\\Macromedia\\Dreamweaver 4\\dreamweaver.exe\" \"%1\"" 21，设置表格虚线。 方法一：作一个1X2的图。半黑半白，再利用表格作成线。 方法二：在css里面设，要IE5。5才支持这种效果。 style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED" 22,看看在网页中调用HHCtrl控件效果。 代码如下： 22，如何让一张图片有浅到深的渐变。 23,双击鼠标左键来滚动背景，单击停止。 24,如何在同一页面设置不同文字链接效果的样式. 代码如下： 补充说明： a:hover 表示鼠标划过时的样式. a:link 表示链接的样式. a:active 表示当前活动连接的样式. a:visited 表示已经访问过的连接的样式. 25, 用CSS给文字加入阴影效果和文字描边效果。 .glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)} //文字描边效果 .shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋体"} //加入阴影效果 补充说明： 这两种滤镜要想实现效果，必须加在如： ，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。 26,如何给做带颜色的下拉菜单。 27,关于DW4的表格中的亮边框和暗边框问题。 在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。 bordercolorlight="#999999" bordercolordark="#000000" 你也可以用Css定义一个class。例如： 然后在要加效果的表格里加上 28,自动显示主页最后更新日期. 爱电台有我 29,如何让滚动条出现在左边？ 我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！ 30,如何加入网址前面的小图标？ 首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。 在该网页文件的 HEAD 部分加入下面的内容：,并放在该网页的根目录下。 31,在800*600显示器中，如何不让网页水平出现滚动条！ 设至 32,关于的说明解释。 在网页中，经常会看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是声明HTML文件的版本信息。 33, 用图片来关闭窗体. 补充说明：如何使用了ACTIVEX！,不再警告窗口？ 34,禁止鼠标右键查看网页源代码。 补充说明： 鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。 < body> 35,通过按钮来查看网页源代码。 36,怎么用文字联结实现按钮的SUBMIT功能？ 这段文字要放在form里。formname是这里要写在form中的name,
按F12的预览在能看到。由于在NC中不支持
的COLOR属性，所以在DW中没有此项设置。
是不是你的滚动条在左边啊
