鼠标跟随特效:HTML代码的基本常识(鼠标跟随特效②)来源: 发布时间:星期日, 2008年11月16日 浏览:353次 评论:0
代码分析：主要是分析脚本就可以了：分别有
《起头代码标签》：<html> .........</html>：《结尾代码标签》 <head> ......... </head> </TD>........ <TR> <td>.......</td> <TBODY> ........</TBODY> <p>.............</p> <SCRIPT>........</SCRIPT> <table>...........</table> 代码中间点点就是代表内容！这个就不用理它！ 这个代码是起头和结尾的标致！！分析代码就是要按照这样去分的，这样就不会出现代码出错！ <html> .........</html>用于整篇文章开起和结尾用的！ </TD>........ <TR>用于其它动画`特效效果`等等！！ <SCRIPT>........</SCRIPT>用于图片连接的代码！！ 主要记得</TD>........ <TR>的这样分段就得了！！ 代码学来也是很简单！记得脚本标签都会运用代码来制作了！！ 元素的开始 元素的结束 元素的功能 <！注释的内容> <!> 注释标记 <A> </A> 锚元素，定义超文本连接点 <ADDRESS> </ADDRESS> 地址信息起止点 <B> </B> 字体颜色加深 <BASE 基锚，说明连接的基地址 <BLINK> </BLINK> 字体闪烁 <BLOCKQUOTE> </BLOCKQUOTE> 块引用 <BODY> </BODY> 超文本的正文主体的起止 <BR> 回车换行 <CAPTION> </CAPTION> 标题，多用与表格 <CENTER> </CENTER> 元素间的内容居中 <CITE> </CITE> 表明其间的内容是引文或者列证 <CODE> </CODE> 代码 <DD> 文字缩格 <DL> 线缩格 <DT> 回车换行，但不缩格 <EM> </EM> 强调，斜体且颜色加重 <FONT> </FONT> 变化字体大小和颜色 <form> </form> 交互项元素的起止 <FRAME> </formE> 展示页的版面的分割 <HEAD> </HEAD> 超文本件头的起止 <HEADER> <HEADER> 与<head>和</head>等价 <HR> 面水平线的隔线 <Hn> </Hn> 定义标题字体大小，n值为1--6 <HTML> </HTML> 超文本的开始和结束 <I> </I> 字体为斜体 <IMG> (</IMG>) 插入图形图象文件 <INPUT> 输入信息元素 <LI> 清单条目，多用语目录列表 <LIST> </LIST> 显示文本内容，但不执行标记命令 <MARQUEE> </MARQUEE> 字符移动方式控制 <META> 资料说明 <NEXTD> 下一个标识 <OL> </OL> 用序号显示一级标题 <P> </P> 段落的起止，也可以加空行 <PRE> </PER> 按原文格式 <S> </S> 中化线 <SMALL> </SMALL> 用小号字显示 <STRONG> </STRONG> 字体颜色加重 <SUB> </SUB> 下角标 <SUP> </SUP> 上角标 <TABLE> </TABLE> 表格的起止，图文混排时也使用 <TD> </TD> 表格中一栏内容的起止 <TEXTAREA> </TEXTAREA> 用文本区输入信息 <TH> </TH> 表头的起止 <TITLE> </TITLE> 超文本标题起止 <TR> </TR> 表中一行的起止 <TT> </TT> 固定宽度 <U> </U> 下划线 <UL> </UL> 同一级标题的限定，无序号 <VAR> </VAR> 变量 <XMP> </XMP> 功能<LIST>．字体略小 攻击鼠标跟随: <SCRIPT language=JavaScript> <!-- var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=13; if (document.layers){ for (i = 0; i < amount; i++) {document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+' height='+i/3+' bgcolor=#ffffff></layer>');} window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos=evnt.pageX;ypos=evnt.pageY; } window.onMouseMove = nsMouse; } else if (document.all){ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < amount; i++) {document.write('<div id=k style="position:absolute;top:0px;left:0px;width:'+i/3+';height:'+i/3+';background:#ffffff;font-size:'+i/3+'"></div>')} document.write('</div></div>'); function iMou**(){*pos=event.x;ypos=document.body.scrollTop+event.y} document.onmousemove = iMouse; } function getAngle(){ Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI); if (angle < 0)angle += 360; } function bomb(){ if (document.layers){ Yscroll=window.pageYOffset; ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*window.innerWidth); yybase=window.innerHeight-10;xxbase=window.innerWidth-10; } else if (document.all){ Yscroll=document.body.scrollTop; ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(Math.random()*window.document.body.offsetWidth); xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10; } if ((xba** > 10 && *ba** < *xbase) && (ybase > 10 && ybase < yybase)) [ffg,#00AEEF,#FFFFFF]bomb(); [ffg,#00AEEF,#FFFFFF]else[/f 0
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
