web前端：h5+css3+Jq

作者:长安城的希望 更新于： 2020-03-24 20:20:42

　　css3编程工具同CSS，任何一种文本编辑工具都可用来编写，如:Windows下的写字本、记事本;或其他专门用于编辑网页文本的工具，如:IntelliJIDEA、Eclipse、MyEclipse、webstorm、sublimetext;此外还有专门针对前端开发的插件，如:Emmet。

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

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

　　量取信息框距离侧边栏的距离，信息框设置绝对定位，父元素设置相对定位之后，信息框就会相对于父元素的相对定位进行绝对定位，取父元素的width：100%，然后加上距离信息框距离侧边栏的距离，right:calc(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{

　　}

　　CSS演进的一个主要变化就是W3C决定将css3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。