移动和PC端中的hover处理

document.body.addEventListener(‘touchstart‘, function(){ });

在移动端中浏览器会有自带的一个点击高亮效果，可以通过给a标签或者body,html加如下代码：

-webkit-tap-highlight-color:transparent;

时间： 2024-10-23 13:55:41

移动和PC端中的hover处理的相关文章

js判断当前页面在移动设备还是在PC端中打开

js判断用户的浏览设备是移动设备还是PC <script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone o

即时通信系统中如何实现：支持PC端和移动端同时在线（即支持同帐号多设备同时登录）？

如果我们开发的即时通信系统(IM系统)要支持同帐号多设备同时登录的场景(或称"多地登录"),即需要像QQ一样,在PC端登录的同时,也可以使用同一个帐号登录移动端(iOS或Android),那么,如何才能做到了? 在ESFramework/ESPlatform体系中,是使用 UserID 作为唯一标志来标记每一个用户的,也就是说,对于一个指定的UserID,只能有一个客户端在线.所以,ESFramework 虽然支持多种类型的客户端设备,但是,ESFramework并不支持不同类型的客户

淘宝购物车页面 -- PC端和移动端实战

最近花了半个月的时间,做了一个淘宝购物车页面的demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在media query为768px以下(也就是实现了ipad,iphone 6 plus,iphone6,S5等)的flexbox弹性布局. 还要再说的是,pc端和移动端淘宝购物车页面的bug基本修复完毕,完全适合一个对html,css,css3 ,html5和js有基础,并且熟悉jquery,scss,熟悉json数据交换格式,jquery ajax的人进行学习

第31章项目实战-PC端固定布局[1]

学习要点: 1.准备工作 2.创建项目 3.网站结构 4.CSS选择器 5.完成导航主讲教师:李炎恢本章主要开始使用学习用HTML5和CSS3来构建Web页面,第一个项目采用PC端固定布局来实现. 一．准备工作 1.为了达到最低效果,第一个项目将采用1440x900的分辨率录制:因为,1024根本无法容纳最低宽度的页面:页面采用1280的最低宽度设计,去掉滚动条为1263像素. 2.第一个项目是PC端的固定布局,会采用像素(px)单位. 3.项目素材图片,是课外独立设计好的,课程不会去设计

前端：移动端和PC端的区别

在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性.网速.适配.页面布局等方面的不同,但是还是很不系统,所以这里做一个总结. 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化. 第二: 在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件. 另外

pc端不同浏览器兼容性问题及解决方案

代码兼容:IE7及以上,360浏览器,搜狗浏览器,谷歌,火狐,欧朋等等. 一．需要注意的地方: 1.写好标准头:<!DOCTYPE html> 2.首先引入初始化css,保证消除不同浏览器的细微差别. <link rel="stylesheet" href="css/style.css"> 具体内容: *{margin:0;padding:0;} body{font-size:12px;line-height:25px;font-family

PC端和移动端网页的初始化样式

pc端样式重置 *{ margin:0; padding:0;} body{ font-size:14px; font-family:微软雅黑;font-style:normal;} a{ text-decoration:none} a,a:hover{ transition:background 0.5s linear;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-tra

目前公司用到的PC端和移动端的初始化样式

第31章项目实战-PC端固定布局8

第31 章项目实战-PC 端固定布局[8]学习要点:1.归类合并2.子导航本章主要开始使用学习用HTML5 和CSS3 来构建Web 页面,第一个项目采用PC 端固定布局来实现.一．归类合并在前面几节课中,有一部分HTML 代码比较松散,没有统一到一个类别块里.比如:很多的标签超链接没有归类到UL 里,导致一些问题等.//松散的<a>标签<a href="###">曼谷(12)</a><a href="###">东京