H5+CSS3 - 随笔分类(第2页) - ghfjj

flexbox布局转

摘要：注释：本文转自学友http://www.cnblogs.com/shuiyi/p/5716918.html，感谢他的分享！ flexbox的发明简直是csser的一大福音，终于可以不再需要为垂直居中一个元素而绞尽脑汁了。同时它还能够实现弹性布局，可以说没有它做不到，只有你想不到。但是由于历史原因，f 阅读全文

posted @ 2017-04-10 10:48 ghfjj 阅读(314) 评论(1) 推荐(0)

百度Touch.js

摘要：下载：https://www.awesomes.cn/repo/Clouda-team/touchjs api：http://www.dowebok.com/93.html 阅读全文

posted @ 2017-04-10 01:23 ghfjj 阅读(1993) 评论(0) 推荐(0)

js判断屏幕大小，做对应处理（响应式）

摘要：阅读全文

posted @ 2017-04-09 22:02 ghfjj 阅读(20367) 评论(0) 推荐(1)

判断访问设备，方便后面针对不同设备调用代码

摘要：阅读全文

posted @ 2017-04-09 22:01 ghfjj 阅读(355) 评论(0) 推荐(0)

音乐播放器的实现+显示当前时间的歌词（只显示当前时间的文本）

摘要：纯代码干货第一步：效果截图 2.简单排版和主要的Dom结构第三步：控制区域代码第四步：歌词控制 1. lrc.js里面存储LRC歌词的格式的数组，获取里面的时间轴，转为秒数。 2. 通过audio.currentTime属性，setinterval每秒获取歌曲播放的秒数。 3. 将两个时间比大阅读全文

posted @ 2017-03-30 16:45 ghfjj 阅读(3985) 评论(0) 推荐(0)

循环旋转360度

摘要：在需要旋转的元素上添加 rotate类别即可阅读全文

posted @ 2017-03-30 12:23 ghfjj 阅读(253) 评论(0) 推荐(0)

【HTML5】 Audio/Video全解（集合贴）

摘要：http://www.360doc.com/content/17/0330/08/41564748_641320448.shtml 参考 http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp w3c 阅读全文

posted @ 2017-03-30 08:57 ghfjj 阅读(148) 评论(0) 推荐(0)

HTML5音乐播放器

摘要：初学HTML5，感觉audio标签有点兴趣。尝试着做一个播放器，练习过程中发现，audio的ended事件触发有点小问题第一首播放结束确实只触发了一次ended事件，第二次播放接受触发两次，第三次播放结束触发了4次。导致一直在列表的1、2两首轮播，完全不顾及第三首的感受。。在几大论坛上发帖求助未果，于是自己一阵乱搞，加了个判断 if(self.media.currentTime == self... 阅读全文

posted @ 2017-03-30 08:56 ghfjj 阅读(445) 评论(0) 推荐(0)

限制文本行数

摘要：1行： ps*：一定要指定容器的宽度，不然的话是没有用的。多行：方法一：只支持-webkit内核，不支持火狐方法二：不管怎样，省略号都会出现，建议配合js，只有超出高度时，才显示::after 这里注意几点： js方案： 1.Clamp.js 下载及文档地址：https://github.c 阅读全文

posted @ 2017-03-28 17:33 ghfjj 阅读(402) 评论(0) 推荐(0)

解决ios的safari不能自动播放audio问题（以及部分微信也不能自动播放）

摘要：<audio src="{$uploadpath}{$FileUpload}" autoplay loop id="audiojs"></audio> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { var a 阅读全文

posted @ 2017-03-28 16:35 ghfjj 阅读(7474) 评论(4) 推荐(1)

css3背景渐变色

摘要：一. Webkit浏览器 (1) 第一种写法： background:-webkit-gradient(linear ,10% 10%，100% 100%， color-stop(0.14,rgb(255,0,0)), color-stop(0.5,rgb(255,255,0)), color-st 阅读全文

posted @ 2017-03-23 17:34 ghfjj 阅读(176) 评论(0) 推荐(0)

判断是否移动端设备的JS代码

posted @ 2017-03-15 13:29 ghfjj 阅读(399) 评论(0) 推荐(0)

css3 flex流动自适应响应式布局实例转

摘要：转自：http://www.tuicool.com/articles/auEbMzU 感谢他的分享，一、图片自适应居中实例图：实例HTML：实例CSS：二、水平响应式列表实例图：实例HTML：实例CSS：三、水平响应式列表底端对齐和上个例子差不多，只是增加了底端对齐的的特性。只阅读全文

posted @ 2017-03-13 10:53 ghfjj 阅读(7110) 评论(0) 推荐(1)

深入理解css3中的flex-grow、flex-shrink、flex-basis （转）

摘要：转自：http://zhoon.github.io/css3/2014/08/23/flex.html 感谢他的整理 flex为css的布局带来了新的时代，作为一个重构工程师，我们再也不用局限于float和position，特别是在移动端，我们可以利用flex轻松实现以往float和psition很阅读全文

posted @ 2017-03-10 11:25 ghfjj 阅读(19260) 评论(2) 推荐(4)

CSS3 Media Queries在iPhone，iPad 等常用设备的设置方法

摘要：http://www.52html5.com/?p=2413 CSS3 中的 Media Queries 可以让我们设置不同类型的媒体条件，并根据对应的条件，给相应符合条件的媒体调用相对应的样式表。现在最常见的一个例子，就是可以同时给 PC 的大屏幕和移动设备设置不同的样式表。这功能是非常强大的，它阅读全文

posted @ 2017-03-08 11:59 ghfjj 阅读(629) 评论(0) 推荐(0)

meta标签

摘要：http://www.cssue.com/xhtml-css/html5-css3/mobile-meta.html 阅读全文

posted @ 2017-03-05 10:47 ghfjj 阅读(110) 评论(0) 推荐(0)

audio详细控制

摘要：1 2 3 4 5 Document 6 7 8 获取播放时间 9 播放 10 隐藏控制框 11 开启静音 12 音量 13 14 当前音量： - 15 16 83 阅读全文

posted @ 2017-01-19 13:53 ghfjj 阅读(367) 评论(0) 推荐(0)

video控制详细

摘要：http://www.w3school.com.cn/HTML5/html_5_video_dom.asp 我尝试用jQuery控制HTML5视频，两个视频分别在两个tab中，我希望点中tab后，该tab里的视频可以立即播放，而另外tab里的视频能够停止。我的代码是这样的： 1 $('#playMo 阅读全文

posted @ 2017-01-19 13:52 ghfjj 阅读(1261) 评论(0) 推荐(0)

bootstrap栅格系统

摘要：阅读全文

posted @ 2017-01-19 13:11 ghfjj 阅读(127) 评论(0) 推荐(0)

响应式区间

摘要：@media (max-width: 374px){} @media (max-width: 767px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 992px) and (max-widt 阅读全文

posted @ 2017-01-19 13:11 ghfjj 阅读(965) 评论(0) 推荐(0)

ghfjj

随笔分类 - H5+CSS3

公告