-
五个函数: 改变样式; 自动切换; 鼠标滑过图片,自动切换停止; 鼠标离开图片,自动切换开始; 鼠标经过标题切换; 注意: 1、通过遍历标题来实现查询; 2、通过传递标识来实现切换; 3、通过外部变量(index)来实现自动切换与标题切换间的衔接; 4、定时器要考虑清除原有延迟、开始定时器、清除定时器等。查看全部
-
定时器应用: 1、获取按钮、绑定事件、初始化定时器、设置定时器变量和定时变量; 2、添加定时器,并编写函数操作。查看全部
-
清除bug: 1、解决滑动切换与自动切换不衔接问题,即将滑动切换后当前显示的标识传递给自动切换; 2、解决由于定时器的延迟导致的自动切换与滑动切换间跳动的问题,即:在每次调用定时器前都将原有的定时器延迟清除。查看全部
-
选项卡自动切换与滑动事件结合: 1、加载加载页面时,调用定时器事件; 2、鼠标滑过时清除定时器,并执行滑动切换; 3、鼠标离开时调用定时器; 4、代码优化,即将某一功能封装在一个函数里,并在使用的时候调用即可。查看全部
-
选项卡自动切换: 1、清除当前延迟时间; 2、获取标题数组、内容数组; 3、指定当前标题标志; 4、绑定定时事件; 5、循环遍历标题,即判断标题标志,并在遍历至最后一个标题后,将其设定指向第一个标题; 6、执行当前事件,显示效果。查看全部
-
给事件添加延迟: 1、清除准备执行的定时器; 2、绑定定时器,设定定时时间,即:timer=setTimeout(事件,时间); 3、定时器里的this指向的是window,如果需要指向当前绑定的元素,则需要在定时器外先用其他变量标记起来。查看全部
-
ul的宽度=298px+2px+1px=301px; li的高度=26px+1px=27px;(border-bottom:1px #fff solid;)查看全部
-
选项卡的显示效果通过绑定事件来决定,分析事件效果,设计相关操作程序。查看全部
-
JS编辑函数: 1、选中标题、内容分别存放于数组中; 2、判断标题与内容的长度是否对应; 3、遍历标题,给标题添加id,即身份标识; 4、给每个标题添加事件; 5、编辑事件,即删除所有原有高亮样式,并设置当前高亮样式;查看全部
-
编辑选项卡内容样式: 1、显示默认内容; 2、隐藏其他内容 3、剩下的留给JS函数实现。查看全部
-
设计步骤: 1、布局; 2、编辑样式; 3、修饰细节; 注意: 1、border的像素要考虑; 2、修改链接样式,a:link和a:visited; 3、修改链接高亮的样式,a:hover; 4、修改标题选中样式,即高亮显示,li.select;查看全部
-
选项卡分类: 1、滑过切换; 2、点击切换; 3、延迟切换; 4、自动切换。查看全部
-
焦点轮播图效果查看全部
-
定时器setInterval()和clearInterval()的应用。查看全部
-
方法隶属于哪个对象,this就指向谁查看全部
举报
0/150
提交
取消