移动端取消touch高亮效果

移动端取消touch高亮效果
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来禁止: .xxx { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 这个设置,在大部分机子上都是起效果的。但是,移动端三星自带浏览器,点击页面任意a标签时,设置-webkit-tap-highlight-color:rgba(0,0,0,0)还是会有阴影底色,这...

JS移动客户端–触屏滑动事件

JS移动客户端–触屏滑动事件
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart:     //手指放到屏幕上时触发 touchmove:      //手指在屏幕上滑动式触发 touchend:    //手指离开屏幕时触发 touchcancel:     //系统取消touch事件的时...

li img 空隙

li img 空隙
li img 空隙 法宝一:定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top。 img{vertical-align:bottom;} 法宝二:定义容器里的字体大小为0。 div { width:110px; border:1px solid #000000; font-size:0 } 图片文字等inline元素默认是和父级元素的baseline对齐的,而baseline又和父级底边有一定距离(这个距离和 font-size,font-family 相关),所以设置 vertical-align:...

手机端知识笔记 by 小馋猫

手机端知识笔记 by 小馋猫
  做手机和pc公用的页面,有一个比较好的习惯是从小屏做起,响应式也一样,从小屏做,你会省事不少 就是以小屏为基础哈利你可以试着做做手机页,布局上要比pc简单很多 比如说pc有左右浮动,但是手机没有,这时候先写手机就不用再清浮动了,哎呀,你去查查那个屏幕查询那个东西 ,媒体查询12等份,跟删格没啥关系. 是写个固定宽度然后居中吗?比如写页面body宽度就320px 波波,可以写百分比,那不是更容易吗...

javascript判断图片是否加载完成方法整理

javascript判断图片是否加载完成方法整理
javascript判断图片是否加载完成方法整理 onload方法 通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码。如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将图片显示出来。 <img class="pic1" onload="get(this)" src="..." style='display:none' /> <script type="text/javascript"> function get(ts){ ts.style.display = 'block'; //显示...

javascript如何检测鼠标的滚轮…

javascript如何检测鼠标的滚轮…
javascript如何检测鼠标的滚轮... document.onmousewheel=function(){ alert('Congratulations'); }; 检测用户是滚向哪边要怎么做 document.onmousewheel = function(e) {     if(e.wheelDeltaY < 0)     {         alert('down wheel');     }     else     {         alert('up wheel');     } };

JavaScript中常见的数组操作函数及用法

JavaScript中常见的数组操作函数及用法
1、数组创建 创建数组应该是最简单的了,有用数组字面量创建和数组构造函数两种方法,见下: var array1 = new Array(); var array2 = []; 上面是创建数组的最常见的两种方法,其中第二种方法因为简单直观而被开发者推崇。其中,使用构造函数创建数组同样可以接收用于存放于数组的值,如: var array3 = new Array("num1","num2","num3");//["num1", "num2", "num3"] 同样,如果你传给构造函...

Javascript中获取数组最大值和最小值的方法

Javascript中获取数组最大值和最小值的方法
方法一: //最小值 Array.prototype.min = function() { var min = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] < min){ min = this[i]; } } return min; } //最大值 Array.prototype.max = function() { var max = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] > max) { max = this[i]; } ...

瀑布流仿写

瀑布流仿写
绝对定位方式的瀑布流布局: 一、布局 1、包围块框的容器: <div id="main"> ... ... <div> 2、一个块框: <div class="pin"> <div class="box"> <img src="./images/g (1).jpg"/> </div> </div> 3、初始化第一行/5个块框: .pin{ padding: 15px 0 0 15px; float: left;} .box{ padding...
Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录