H5+CSS3 - 随笔分类 - ghfjj

不错的表单样式

摘要：/*input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { background: #fff; ... 阅读全文

posted @ 2018-05-08 13:31 ghfjj 阅读(181) 评论(0) 推荐(0)

input、textarea、div(contenteditable=true)光标定位到最后

摘要：1、针对input、textarea 2、针对div(contenteditable="true") 阅读全文

posted @ 2018-03-19 17:04 ghfjj 阅读(1404) 评论(0) 推荐(0)

手机端和PC端分别加载不同的js文件

摘要：分手机端和PC端其实方法很多，我们在响应式设计、响应式网站建设中经常碰到此类需求。下面说说我们在项目中遇到的需求：手机端和PC端分别加载不同的js客服代码（注意：是要在PC和手机端分别加载不同的js文件）第一种方法（简单型）： <script type="text/javascript"> // 阅读全文

posted @ 2018-03-07 09:49 ghfjj 阅读(511) 评论(0) 推荐(0)

移动端跳转网站

摘要：阅读全文

posted @ 2018-01-22 09:15 ghfjj 阅读(681) 评论(0) 推荐(0)

滚动条自定义

摘要：.material_pop .material_pop_list::-webkit-scrollbar { width: 5px; height: 4px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ .material_pop .material_pop_list::-webkit-scrollba... 阅读全文

posted @ 2018-01-19 16:12 ghfjj 阅读(139) 评论(0) 推荐(0)

鼠标移入的box-shadow参考

摘要：box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); transition: all 0.2s linear; 阅读全文

posted @ 2017-12-13 11:26 ghfjj 阅读(263) 评论(0) 推荐(0)

input 的带有lable的选择样式优化纯css

摘要：Examples 篮球乒乓球足球阅读全文

posted @ 2017-12-02 17:21 ghfjj 阅读(2249) 评论(0) 推荐(0)

placeholder 颜色

摘要：https://jingyan.baidu.com/article/09ea3ede0f1ae2c0afde397e.html input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; } 阅读全文

posted @ 2017-10-24 02:57 ghfjj 阅读(162) 评论(0) 推荐(0)

css3中百分比宽度减去固定宽度的写法

摘要：div{ /*实现了宽度为父容器宽度减去固定的300像素*/ width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); } 阅读全文

posted @ 2017-08-26 22:38 ghfjj 阅读(17752) 评论(0) 推荐(0)

如何设置css3中placeholder的字体颜色

摘要：::-webkit-input-placeholder { /* WebKit browsers */ color: #ccad1e; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccad1e; } ::-moz-place 阅读全文

posted @ 2017-08-23 11:39 ghfjj 阅读(1474) 评论(0) 推荐(0)

响应式布局3

摘要：响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的，这太遗憾了，不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件，引用方式如下：<!--[if lt IE 9]> <script s 阅读全文

posted @ 2017-06-29 08:43 ghfjj 阅读(187) 评论(0) 推荐(0)

响应式布局2

摘要：阅读全文

posted @ 2017-06-29 08:42 ghfjj 阅读(109) 评论(0) 推荐(0)

响应式布局1

摘要：阅读全文

posted @ 2017-06-29 08:40 ghfjj 阅读(123) 评论(0) 推荐(0)

手机站，响应式，移动端滑动整体放大

摘要：width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=yes 阅读全文

posted @ 2017-06-06 17:03 ghfjj 阅读(257) 评论(0) 推荐(0)

点击出现水波纹效果

摘要：http://www.codesky.net/article/201705/186834.html 阅读全文

posted @ 2017-06-02 10:12 ghfjj 阅读(240) 评论(0) 推荐(0)

html5 <video>播放mp4格式视频没有图像的解决办法

摘要：原因： MP4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)，H264才是公认的MP4标准编码。出现问题的视频编码格式不正确。解决办法: 利用工具（如：格式工厂）将问题视频的编码格式转换成H264。阅读全文

posted @ 2017-05-18 10:06 ghfjj 阅读(1119) 评论(0) 推荐(0)

图片变成灰色

摘要：CSS3 Filter的十种特效阅读全文

posted @ 2017-05-17 17:05 ghfjj 阅读(271) 评论(0) 推荐(0)

手机网页，点击直接打开百度地图app

摘要：<p><a href="baidumap://map/direction?mode=[transit:公交,driving:驾车]&origin=纬度,经度&destination=纬度,经度®ion=城市代码" class="map">查看地图公交/驾车去这里</a></p>调用了app <p>< 阅读全文

posted @ 2017-05-17 11:07 ghfjj 阅读(19589) 评论(2) 推荐(0)

HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地(转)

摘要：HTML5页面直接调用百度地图API,获取当前位置，直接导航目的地我是应用在微信中，自定义菜单，菜单直接链接到这个HTML5页面，获取当前位置后，页面中定好目的地，这样打开页面后直接进入导航页面可以省下先发送位置信息后，点确定再出导航，省一步，阅读全文

posted @ 2017-05-17 10:51 ghfjj 阅读(5175) 评论(0) 推荐(0)

h5 contenteditable="true"可编辑区域

摘要：<div contenteditable="true" style = 'width:300px'>这是一段可编辑的段落。请试着编辑该文</div> 阅读全文

posted @ 2017-04-20 14:54 ghfjj 阅读(240) 评论(0) 推荐(0)

ghfjj

随笔分类 - H5+CSS3

公告