css3实现聊天气泡 1: .comment{width:150px;height:35px;position:relative;margin:30px auto 0;background:#f8ac09;border-radius:5px;}.comment:after{content:'';width:0;height:0;position:absolute;top:5px;right:-16px;border:solid 8px;border-color:transparent transparent transparent #f8ac09;font-...
//设一个全局变量记录上一次内部块滑动的位置 //滑动开始 // console.log($(".max_a")); var objs=document.querySelector(obj+"_01"); //console.log(max_a); //滑动开始 objs.addEventListener("touchstart", function (e) { // console.log(e); var touch = e.touches[0]; startY=touch.pa...
昵称:杨上进 园龄:7年10个月 粉丝:7 关注:3
10 js代码 varhh=document.getElementsByTagName("h1")[0];//console.log(hh);vartimer=null;functionstrars(){varn=10;if(timer!=null){//如果我还没点开始就已经在倒计时时returnfalse; } timer=setInterval(function(){if(n==0){ cleaN();returnfalse; } hh.innerHTML=--n; },1000) }functioncl...
}span{display:inline-block;width:0;height:0;border:10px solid;border-color:transparent;margin-top:22px;margin-left:-26px;position:absolute; }a:hover span{border-color:#ffffff transparent transparent transparent; } html代码: 首页 首页 首页 首页...
②非普通流:顾名思义就是脱离普通流的,在普通流上面是不占据位置的。css有position的样式,position包括:static,relative,absolute,fixed四种值。其中static是属于普通流;relative也是属于特殊的普通流,详细下面有介绍;absolute和fixed以及float就是属于非普通流的,加载的时候,也会顺序加载,但是会脱离普通流的位置。
css动画;利用css3的样式效果可以将dom元素做出动画的效果来。 canvas动画;利用canvas提供的API,然后利用清除-渲染这样一帧一帧的做出动画效果。 svg动画;同样svg也提供了不少的API来实现动画效果,并且兼容性也不差,本文主要讲解一下如何制作svg线条动画。
js $(function(){var$text=$("p span").text();vari=0;vartimer=null;//$("p span").addClass("block");timer=setInterval(function(){varstr=$text.substr(0,i); $("p span").html(str+"_"); i++;if(i>$text.length){ clearInterval(timer); ...
$('#btnshow').click(function(event){//取消事件冒泡event.stopPropagation();//按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。$('#divTop').toggle('slow');returnfalse; });//按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。$(documen...
css代码: .san{display:inline-block;width:0;height:0;border:10px solid;border-color:black red gray greenyellow; }.san1{display:inline-block;width:0;height:0;border:10px solid;border-color:black transparent transparent transparent; }.san2{display:inline-block;width...