-
ToolTip特效设计技术点： （1）绝对定位：position:absolute （2）js创建dom：createElement与appendChild。 createElement：创建元素节点，并返回创建的Element对象。 appendChild：把元素节点追加到已有的元素上。 createElement一般与appendChild联合使用。 （3）鼠标事件：mouseenter和mouseleave、setTimeout和clearTimeout。 mouseenter：当鼠标指针进入一个元素的边界区域时，会触发mouseenter事件。 mouseleave：当鼠标指针从一个元素的边界区域离开时，会触发mouseleave事件。 注意区别mouseenter和mouseover，mouseleave和mouseout。 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave setTimeout：在指定的毫秒数后调用函数或计算表达式。注意setTimeout只执行一次。 clearTimeout：可取消由setTimeout()方法设置的timeout。一般使用是： var t = setTimeout(......); clearTimeout(t); 核心代码：<a class="tooltip"></a> 鼠标移入时：<a class="tooltip">中国<div class="tooltip-box">中华人民共和国</div></a>查看全部
-
解决问题流程：分析——>设计——>实现 ToolTip特效分析： （1）词汇约定： ToolTip提示框：浮动的提示框，用来显示相关提示信息 ToolTip超链接：指一些文字或图片元素，当鼠标浮在它上面时，ToolTip提示框显示查看全部
-
ToolTip四个关键点查看全部
-
笔记。。。查看全部
-
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 inherit 规定应该从父元素继承 position 属性的值。查看全部
-
制作步骤查看全部
-
事件兼容的写法 var event = e || window.event查看全部
-
绑定事件统一方法查看全部
-
var isIE = navigator.userAgent.indexOf("MSIE") > -1;判断是否为IE浏览器查看全部
-
js事件冒泡查看全部
-
绑定事件统一方法查看全部
-
js事件绑定方法查看全部
-
mouseenter和mouseleave的作用查看全部
-
createElement和appendChild的用法查看全部
-
特效所需掌握的技术点查看全部
举报
0/150
提交
取消