故宫博物院项目 JS问题和事件功能整理

未解决问题= =!

    1,轮播图问题,第一次轮播检测不到第二张图片,其余图片放大过程也有问题,第二遍可以检测到图片,但是放大结束后会闪一下。

    2,教育页面,上书房板块,人物图片从左到右,会有卡顿闪烁现象。

    3,探索页面,建筑LOGO放大过程,放大过程会有时出现卡顿,当屋顶图片移动过程时,鼠标滚轮往下滑动,会出现闪烁。

    4,探索页面,藏书板块,文字下落时,有些文字没有执行操作,并且自动循环第二遍,会出现卡顿情况。当在次刷新后就会恢复正常。

    5,JS使用还是不熟练,Bug太多,导致占用大量内存,下次可以尝试把每个页面的JS分开写,使其不会每个页面的JS不会互相影响,出现因为前面的问题导致后面的卡顿。

通过CSS、JS实现的功能

    1,CSS:鼠标移入,移入父级DIV,实现控制子DIV的效果。

        代码格式  #ggyy:hover #ggyyy {  };(第一个为父级DIV,hover后面跟子DIV)

    2,定时器的使用:定时器里面可以在套一个定时器,实现不同的效果。

        代码格式   setTimeout ( function () { },2000 )      【这个函数延迟两秒执行】

       3,页面加载完成:当页面加载完成后,函数自动执行操作 

        window.onload=function(){}; 

    4,滚动条监听事件:当滚动条的值到多少的时候,执行这个操作

        window.onscroll=function( ) { var pp =window.scrollY;}  【把获取到的值赋给PP,用来判断下面执行的条件】

原文地址:https://www.cnblogs.com/cp123/p/8849712.html