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()函数，在...
Javascript数组去重处理的两种方案
方法一：利用indexOf()方法 var arr=[ 1 , 1 , 2 , 2 , 4 , 5 , 2 , 1 , 2 ]; var newarr=[]; for ( var i= 0 ; iarr.length; i++){ if (newarr.indexOf(arr[i])== -1 ){newarr.push(arr[i]);}} console .log(newarr); 方法二：通过json方法设...
Javascript将数组排序的两种方法
方法一：冒泡排序 var arr = [ 1 , 1 , 2 , 2 , 4 , 5 , 2 , 1 , 2 ]; for ( var i= 0 ; iarr.length; i++){ for ( var j= 0 ; iarr.length-i; j++){ if (arr[j]arr[j+ 1 ]){ var a = arr[j];arr[j] = arr[j+ 1 ];arr[j+ 1 ] = a;}}} 方法二：借用...
CSS设置盒子样式为梯形切角，四个角斜切完整案例
html内： div class = coner-box div class = top div class = decorate div / div div div / div div / div / div div / div / div div class = decorate1 div / div / div / div div class = middle / div div class = bottom div / div div div / div di...