前端经验

解决ios苹果手机输入法弹框遮挡输入框

// 解决输入法遮挡----一般是 ios上 var timer = null ;$(.input).on(focus, function () {clearInterval(timer); var index = 0 ;timer = setInterval( function () { if (index 5 ) {$(body).scrollTop( 1000000 );clearInterval(timer);}index+...

前端经验

CSS有趣案例-跳动的心

!DOCTYPE html html head meta charset = utf-8 title 跳动的心 / title / head style type = text/css * { margin : 0 ; padding : 0 ;} body { /*background-color: #fa0000;*/ } .big { width : 200px ; height : 200px ; margin : 0 auto; position :...

前端经验

JS左划出现删除按钮,右滑隐藏的完整案例

!doctype html html head meta charset = utf-8 title 左划出现删除按钮,右滑隐藏 / title script src = http://libs.baidu.com/jquery/1.11.3/jquery.min.js / script script type = text/javascript $( document ).ready( function ( e ) { /...

前端经验

页面文字选中状态下改变背景与字体颜色

!doctype html html lang = en head meta charset = UTF-8 title 文字选中添加背景色改变字体颜色--三角号 / title style div ::selection { background : #99fff2 ; color : #0606ebcc ;} div ::-moz-selection { background : #FF9 ; col...

前端经验

全屏描点切换效果,可点击,可滚动

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head meta http-equiv = Content-Type content = text/html; charset=utf-8 / meta http-...

前端经验

JS随机打乱数组的多种方法

方法一:最精简代码的打乱方法 // An highlighted block var arr = [ 4 , 1 , 67 , 12 , 45 , 121 , 3 ] ; arr . sort ( function ( ) { return ( 0.5 - Math . random ( ) ) ; } ) ; console . log ( arr ) ; 这里介绍下sort()函数,在...

前端经验

JS随机打乱数组的多种方法

方法一:最精简代码的打乱方法 // An highlighted block var arr = [ 4 , 1 , 67 , 12 , 45 , 121 , 3 ] ; arr . sort ( function ( ) { return ( 0.5 - Math . random ( ) ) ; } ) ; console . log ( arr ) ; 这里介绍下sort()函数,在...