发表于: 2016-04-27 09:47:13

0 1835


今天完成的事情:

   在头部那个导航 下拉菜单那里 折腾了一会儿 还有搜索框那里 但是最后还是完成了 -0- 不是任务2额  是我做的毕业设计那里的 

明天的计划:

   早上把主界面写完 下午 或者晚上一点 学一下搭建 webserver 本地服务器看看 当然是让师兄或者师姐教我

遇到的问题:

 就是在主界面 那个nav 那里用了一个JS 实现的 刚开始我以为用css能写出来 后面看了之后 并不能写出来就用JS 写 了



function qiehuan(num){
   for(var id = 0;id<=10;id++)
   {
       if(id==num)
       {
           document.getElementById("qh_con"+id).style.display="block";
           document.getElementById("mynav"+id).className="nav_on";
       }
       else
       {
           document.getElementById("qh_con"+id).style.display="none";
           document.getElementById("mynav"+id).className="";

收获:

    onmouseover 意思是如果鼠标指针在该元素的上面就触发
    onmousemove 意思是如果鼠标指针在该元素的上面移动就触发
    很显然,“物体A在物体B的上面”跟“物体A在物体B的上面移动”是两种完全不同的状态(或者说概念),前者不管怎       么变化,只要物体A仍然在物体B的上面,这个状态就不会改变的,而后者就不同了,每一次移动都会造成坐标的改       变,就是说每次移动都会造成状态改变的。
    总结以上所述就是:onmouseover只触发一次(只要鼠标移动到元素上面就触发);onmousemove会不断触发        (只要鼠标在元素上面并且移动了鼠标就触发)。
    一般情况下只需用onmouseover即可,特殊情况才用onmousemove(因为这个比较耗资源),比如需要监控鼠标      坐标的变化。 在贴吧里面看见的 

 并且用JS 写了一个nav


返回列表 返回列表
评论

    分享到