zoukankan      html  css  js  c++  java
  • h5+css3+Jq

    1.侧边栏划出一个信息框

    通常鼠标浮动侧边栏都会划出一个信息框,每个信息框距离侧边栏的距离是相等的,所以处理此问题的方法就是

    量取信息框距离侧边栏的距离,信息框设置绝对定位,父元素设置相对定位之后,信息框就会相对于父元素的相对定位进行绝对定位,取父元素的width:100%,然后加上距离信息框距离侧边栏的距离,rightcalc(100% + 30px);

    2.查找当前直系父级的直系父级的同胞元素的孩子进行slideUp().

     $(this).parent().parent().siblings().find(".ul2").slideUp();
     
     

    3.鼠标浮动下拉(stop()意为停止所有与当前无关的动画)

    $('.navli ').hover(function () {
        $(this).find('.an_navxiala').stop().fadeIn();
    },function(){
        $(this).find('.an_navxiala').stop().fadeOut();
    })
     
     

    4.鼠标滚动(右侧滚动条距离顶部的距离)

    $(".navli").hover(function () {
        if ($(window).scrollTop() > $(".navbox").height()) {
     
    }else{
     
    }
  • 相关阅读:
    放大镜
    简单拖拽加边界处理加轨迹返回
    事件委托
    数组的方法
    数据处理
    数组去重
    字符串的操作方法
    函数的递归调用
    选择排序、冒泡排序
    Linux—shell中$(( ))、$( )、``与${ }的区别
  • 原文地址:https://www.cnblogs.com/colorchild/p/13531671.html
Copyright © 2011-2022 走看看