HTML特效代码大全(完整全收录)

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 固定帖子背景不随滚动条滚动 21 定制帖子背景颜色 value 值见 10 22 帖子背景音乐 23 贴网页 HTML 特效代码 1 忽视右键 或 2 加入背景音乐 IE NS mid 你的背景音乐的 midi 格式文件 3 简单的 window open 方法 文字或图片 参数解释 js 脚本开始 window open 弹出新窗口的命令 文件路径 文件名 弹出窗口的文件名 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 简单的页面加密 5 拉动页面时背景图不动 body background 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 秒过后自动关闭 而且不会出现提示 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 onpaste return false 不准粘贴 19 oncopy return false oncut return false 防止复制 20 IE 地址栏前换 成自己的图标 21 可以在收藏夹中显 示出你的图标 22 关闭输入法 23 永远都会带着框架 24 防止被人 frame 25 网页将不能被另存为 26 查看网页源代码 27 删除时确认 删除 28 屏蔽功能键 Shift Alt Ctrl function look if event shiftKey alert 禁止按 Shift 键 可以换成 ALT CTRL document onkeydown look 29 网页不会被缓存 或者 30 怎样让表单没有凹凸感 或 31 不要滚动条 让竖条没有 让横条没有 两个都去掉 更简单了 32 怎样去掉图片链接点击后 图片周围的虚线 33 电子邮件处理提交表单 34 在打开的子窗口刷新父窗口的代码里如何写 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 clientHeight 39 怎么判断是否是字符 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 dadd 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 检测某个网站的链接速度 把如下代码加入区域中 tim 1 setInterval tim 100 b 1 var autourl new Array autourl 1 autourl 2 autourl 3 autourl 4 autourl 5 function butt document write for var i 1 i autourl length i document write 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 autourl 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 nw resize w resize s resize se resize sw resize 47 禁止鼠标右键 把 Demo 的图片全都设为表格的背景 表格的 大小与图片的大小一样 这样做看起来是一样的 主要是防止鼠标 经过图片时会出现另存的按钮 禁止鼠标右键的代码很简单 function click if event button 2 alert 呵呵 不好意思 你甭想使用右键下载图片 document onmousedown click 48 在网页的 Head 部分加入如下代码 这段代码的主要功能是屏 蔽 PrintScreen 键 不断清空剪贴版 防止图片被用文件 另存 为菜单另存 1 将彻底屏蔽鼠标右键 no 可用 于 Table 2 取消选取 防止复制 3 不准粘贴 4 防止复制 5 IE 地址栏前换成自 己的图标 6 可以在收藏夹中显示出 你的图标 7 关闭输入法 8 永远都会带着框架 9 防止被人 frame 10 网页将不能被另存为 11 12 删除时确认 删 除 13 取得控件的绝对位置 javascript 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 VBScript function getIE dim t l a b set a document all img1 t document all img1 offsetTop l document all img1 offsetLeft while a tagName BODY set a a offsetParent t t a offsetTop l l a offsetLeft wend msgbox top var r e createTextRange r moveStart character e value length r collapse true r select 15 判断上一页的来源 javascript document referrer 16 最小化 最大化 关闭窗口 本例适用于 IE 17 屏蔽功能键 Shift Alt Ctrl function look if event shiftKey alert 禁止按 Shift 键 可以换成 ALT CTRL document onkeydown look 18 网页不会被缓存 或者 19 怎样让表单没有凹凸感 或 20 background repeat no repeat background position center background attachment fixed 28 检查一段字符串是否全由数字组成 29 获得一个窗口的大小 document body clientWidth document body clientHeight 30 怎么判断是否是字符 if x00 xff g test s alert 含有汉字 else alert 全是字符 31 TEXTAREA 自适应文字行数的多少 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 autourl 2 autourl 3 autourl 4 autourl 5 function butt document write for var i 1 i autourl length i document write 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 autourl length i document write 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 页面进入和退出的特效 进入页面 推出页面 这个是页面被载入和调出时的一些特效 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 语句到文件的和 之间 假设以上 ico 文件的地址 如果访问者的浏览器是 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 如何给图片抖动怎做的 var rector 2 var stopit 0 var a 1 var count 0 function init which stopit 0 shake which shake style left 0 shake style top 0 function rattleimage if document all 全屏设置 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 出现编辑对话框 在 左边最后一项 extensi 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 脚本开始 window open 弹出新窗口的命令 page html 弹出窗口的文件名 newwindow 弹出窗口的名字 不是文件名 非必须 可用空 代 替 height 100 窗口高度 width 400 窗口宽度 top 0 窗口距离屏幕上方的象素值 left 0 窗口距离屏幕左侧的象素值 toolbar no 是否显示工具栏 yes 为显示 menubar scrollbars 表示菜单栏和滚动栏 resizable no 是否允许改变窗口大小 yes 为允许 location no 是否显示地址栏 yes 为允许 status no 是否显示状态栏内的信息 通常是文件已经打开 yes 为允许 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 我的 工作室 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 控件效果 代码如下 HHC TextPopup 哈哈 大家好 我是闪梦 50 5 128255 346751 22 如何让一张图片有浅到深的渐变 function high which2 theobject which2 highlighting setInterval highlightit theobject 50 function low which2 clearInterval highlighting which2 filters alpha opacity 40 function highlightit cur2 if cur2 filters alpha opacity 100 cur2 filters alpha opacity 10 else if window highlighting clearInterval highlighting 23 双击鼠标左键来滚动背景 单击停止 var currentpos timer function initialize timer setInterval scrollwindow 16 function sc clearInterval timer function scrollwindow currentpos document body scrollTop window scroll 0 currentpos if currentpos document body scrollTop sc document onmousedown sc document ondblclick initialize 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 宋体 加入阴影效果 补充说明 这两种滤镜要想实现效果 必须加在如 xxxxxxxxx上 并且要留有足够的空间能够显示阴影或描边 否则会出现半截的 阴影或描边现象 26 如何给做带颜色的下拉菜单 Dreamweaver4 Flash5 Firewoks4 27 关于 DW4 的表格中的亮边框和暗边框问题 在 DW4 的表格面板中并没有亮边框和暗边框的属性设置 因为 NC 不支持 只有你在代码中添加了 bordercolorlight 999999 bordercolordark 000000 你也可以用 Css 定义一个 class 例如 bordercolor bordercolorlight 999999 bordercolordark 000000 然后在要加效果的表格里加上 28 自动显示主页最后更新日期 document write 最后更新日期 document lastModified 爱电台有我 29 如何让滚动条出现在左边 我想居然在论坛中有人发表了这段代码 很有意思 它的确照顾一 些左撇子 呵呵 是不是你的滚动条在左边啊 30 如何加入网址前面的小图标 首先 您必须了解所谓的图标 Icon 是一种特殊的图形文件格 式 它是以 ico 作为扩展名 你可用在网上找一个制作图标软件 它具有特有的规格 图标的大小为 16 16 以像素为单位 颜色 不得超过 16 色 在该网页文件的 HEAD 部分加入下面的内容 并放在该网页的根 目录下 31 在 800 600 显示器中 如何不让网页水平出现滚动条 设至 网页中的表格宽度为 778 32 关于的说明解释 在网页中 经常会看到 DOCTYPE HTML PUBLIC W3C DTD HTML 4 01 EN 是声明 HTML 文件的版本信息 33 用图片来关闭窗体 补充说明 如何使用了 ACTIVEX 不再警告窗口 关闭窗 口无提示 34 禁止鼠标右键查看网页源代码 function click if event button 2 alert 你好 欢迎光临 document onmousedown click 补充说明 鼠标完全被封锁 可以屏蔽鼠标右键和网页文字 35 通过按钮来查看网页源代码 36 怎么用文字联结实现按钮的 SUBMIT 功能 OK 这段文字要放在 form 里 formname 是这里要写在 form 中的 name 那么就应该是 form111 submit 37 如何做一个空链接 加 38 利用来给网页中插入网页 经常我看到很多网页中又有一个网页 还以为是用了框架 其 实不然 是用了 它只适用于 IE NS 可是不支持 的 但围着的字句只有在浏览器不支援 iframe 标记时 才会显示 如一样 可以放些提醒字句之类的话 你注意啊 下面请和我学习它的用法 分析代码 src iframe html 用来显示中的网页来源 必要加上相对或绝对路径 name test 这是连结标记的 target 参数所需要的 align MIDDLE 可选值为 left right top middle bottom 作用不大 width 300 height 100 框窗的宽及长 以 pixels 为单位 margi