html特效代码大全精简
html特效代码大全.doc
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)固定帖子背景不随滚动条滚动:
21)定制帖子背景颜色:
(value值见10)22)帖子背景音乐:
23)贴网页:
/----------------------------------------HTML特效代码--------------------------------/
1。忽视右键
或
2。加入背景音乐
IE:
NS:
*.mid你的背景音乐的midi格式文件
3。简单的window.open方法
参数解释:
js脚本结束
4。简单的页面加密
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");} alert("登陆成功!");
}
loopy()
//-->
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值
13。返回上一页
14。关闭窗口
15。关于iframe的透明背景
16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
no |
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]="https://www.360docs.net/doc/0b16789958.html,"
autourl[2]="https://www.360docs.net/doc/0b16789958.html,"
autourl[3]="https://www.360docs.net/doc/0b16789958.html,"
autourl[4]="https://www.360docs.net/doc/0b16789958.html,"
autourl[5]="https://www.360docs.net/doc/0b16789958.html,"
function butt(){
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
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 |
2.
取消选取、防止复制3. 不准粘贴
4. 防止复制
5. IE地址栏前换成自己的图标
6. 可以在收藏夹中显示出你的图标
7. 关闭输入法
8. 永远都会带着框架
9. 防止被人frame
10. 网页将不能被另存为
11.
onclick="window.location = `view-source:`+ https://www.360docs.net/doc/0b16789958.html,/`";>
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
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.referrer
16. 最小化、最大化、关闭窗口
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"; //可以换成ALT CTRL
}
document.onkeydown=look;
18. 网页不会被缓存
或者
19.怎样让表单没有凹凸感?
或
20.
用来定义同一行内的元素,跟 21.让弹出窗口总是在最上面: 22.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉?更简单了 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. 检查一段字符串是否全由数字组成 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]="https://www.360docs.net/doc/0b16789958.html,/"; autourl[2]="https://www.360docs.net/doc/0b16789958.html," autourl[3]="https://www.360docs.net/doc/0b16789958.html,/"; autourl[4]="https://www.360docs.net/doc/0b16789958.html,/"; autourl[5]="https://www.360docs.net/doc/0b16789958.html,/"; function butt(){ 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 src=http://"+autourl+"/"+Math.random()+" width=1 height=1 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.页面进入和退出的特效 进入页面 推出页面 这个是页面被载入和调出时的一些特效。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; 代码如下: scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色) scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色) scrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色) scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色) scrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色) scrollbar-track-color:#99CC33; scrollbar-3dlight-color:#A8CBF1; } --> //以下是其它的网页的代码 在这我补充几点: 1.让浏览器窗口永远都不出现滚动条。 2,没有水平滚动条 3,没有垂直滚动条 3,如何给图片抖动怎做的. } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 count=0 which.style.left=0 which.style.top=0 } //--> 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 选择你要改的指针形式就可以了,然后把你要想改变的地方运用样式表,如果整页都有在 13,经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,怎么做呢!这javascript代码即可实现,摘录蓝色论坛。 【1、最基本的弹出窗口代码】 其实代码非常简单: 因为着是一段javascripts代码,所以它们应该放在 js脚本结束 4。简单的页面加密 9. 防止被人frame 10. 网页将不能被另存为 11. 12. 怎样通过asp的手段来检查来访者是否用了代理 <% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then response.write "您通过了代理服务器,"& _ "真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR") end if %> 13. 取得控件的绝对位置 //javascript 等等标志对,这些标志对都是描述Html 文档相关信息的标志对,标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3. 是Html文档的主体部分,在此标志对之间可包含、< /p>、 Javascript特效代码大全(420个) Javascript 特效代码 ├Cookie脚本├随访问次数变提示├集成Cookies ├使窗口仅弹出一次├签名提示程序├记录上次登录时间├自由控制打开窗口├记录页面修改时间├检测IE去过站点├离开时显示信息├弹出窗口自动关闭├离开页面弹出窗口├进入时显示信息├离开启动收藏夹├链接确认按钮├点击加入收藏夹├记录页面更新时间├页面载入等待├打开硬盘驱动器├设置默认首页├输入框测试警告├链接弹出警告框├关闭窗口链接├显示器分辨率检测├按分辨率导航├定制打开的窗口├控制窗口打开日期├打开窗口居中├输入框控制├查看输入框内容├显示所有链接├限时载入页面├输入框神秘消失├检测访问来源├回退的页面数├危险的链接├倒计时载入页面├自由打开窗口├检测IE所装插件├检测点链接速度├检测健康程度?├页面中打开窗口├特殊的Bookmark ├窗口打开关闭程序├随机显示一些数字├页面自动打开├进入弹出收藏夹├自动显示是否更新├浏览器详 细报告 ├ 页面背景类├背景向下移动├背景不停变换色彩├使页面产生百叶窗├颜色代码英文集├自已选择背景颜色├背景颜色安全测试├颜色选择器├背景图片居中├页面转换特效├礼花背景├链接驱动背景色├手动调节背景色├鼠标使链接变色├跟随鼠标旋转背景├背景调色板├RGB颜色转换 ├按钮驱动背景├颜色选择器├精彩的变色文字├颜色选择器├闪烁的霓虹灯├星星从背景中飞出├背景向下移动(二) ├动态选择背景色├下雨├按钮驱动背景变化├按钮使背景闪烁├背景随机显示├背景快速闪烁├自己选择背景图片 ├ 文本特效类├随机信息显示├随机文本链接├所有链接不停变色├鼠标经过文字变色├随日期变换文本├文字颜色渐变脚本├文本自动输出├文字特效├文字不停变色├字符连续消隐├公告栏 网页HTML中各个代码意思大全 网页HTML代码中的h1,p,a,tr,td……分别代表什么意思?相信还有很多人都不太了解,现在我们就具体讲一下它们的意思及用法: h1 一级标题, h2 二级标题, p 段落, a 超连接, tr 表格行, td 表格列, li 标签定义列表, ul 标签定义列表中的无序列表 这些都是HTML中的常用标签他们都有特定的定义 没有英文全名 HTML标签详解 结构 <html> <head> <title>标题</title> </head> <body> ..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】10秒后自动连结到另一文件 <meta http-equiv="refresh" content="10;URL=欲连结文件之URL"> 3.查询用表单--<isindex> 若欲设定查询栏位前的提示文字: <isindex prompt="提示文字"> 4.预设的基准路径--<base> <base href="放置文件的主机之URL"> 版面 1.标题文字<h#>..........</h#> #=1~6;h1为最大字,h6为最小字 2.字体变化<font>..........</font> 【1】字体大小<font size=#>..........</font> #=1~7;数字愈大字也愈大 【2】指定字型<font face="字型名称">..........</font> HTML语言语法大全 批注 跑马灯 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 字体效果 HTML代码教程 教 一、基本标志 1. 2. 用
按F12的预览在能看到。由于在NC中不支持
的COLOR属性,所以在DW中没有此项设置。、
、
、
等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html 语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue 和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。 4.Javascript特效代码大全(420个)
网页HTML中各个代码意思大全
html代码大全
...
标题字(最大) ...
标题字(最小) ...粗体字 ...粗体字(强调) ...斜体字 ...斜体字(强调) ...斜体字(表示定义) ...底线 ...底线(表示插入文字) ...横线 ...删除线 ...删除线(表示删除) ...键盘文字 ... 打字体
水平线
水平线(设定大小)
水平线(设定宽度)
水平线(设定颜色)
(换行)HTML代码大全
、
、
、
等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性用途示例 设置背景颜色。红色背景 设置文本颜色。蓝色文本 设置链接颜色。链接为蓝色 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 说明:以上各个属性可以结合使用,如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,网页设计代码大全
段落标记background:网页背景图像… bgcolor:网页背景颜色align:left right center text:字体颜色强制换行标记link:可链接文字的色彩
alink:被鼠标点中时可链接文字的颜色预排格式标记vlink:已经单击过的可链接文字的颜色 leftmargin:页面左边距插入水平线标记topmargin:页面上边距
Vlink:已经单击过的可链接文字的颜色文本缩标记Leftmargin:页面左边距…
Topmargin:页面上边距列表标记 标题格式标记 1.无序 align:left(左) right(右) center(中)
字形 斜 字形文字增大
字形 宽体 字形 强调 3.定义字形 删除线