摘要: 妙用transform-origin, 控制动画方向 一、需求 将下面这个动画的下划线效果,从左进入,右边离开修改为从上方进入,下方离开,需纯CSS实现。 二、还原效果 正常而言,我们一个 hover 效果,可能就是从哪里来,回哪里去,大部分的应该是这样的: CodePen Demo -- 从哪里来 阅读全文
posted @ 2021-08-23 15:04 黄哈哈。 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 文字弯曲 一、引入 <script src="js/jquery.min.js"></script> <script src="js/jquery.arctext.js"></script> 二、使用 HTML结构 <h3 id="title">文字弯文字弯文字弯</h3> 初始化 $("#titl 阅读全文
posted @ 2021-08-23 14:46 黄哈哈。 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 旋转 ==注:==图片旋转可兼容至ie6。其他元素旋转只能兼容至ie9+。 https://www.jq22.com/jquery-info375 一、引入 <script src="js/jquery.min.js"></script> <script src="js/jQueryRotate.j 阅读全文
posted @ 2021-08-23 14:35 黄哈哈。 阅读(197) 评论(0) 推荐(0) 编辑
摘要: ios中自动播自动播放没反应 // ios weixin document.addEventListener("WeixinJSBridgeReady", function () { document.getElementById('audio').play(); }, false); 前后台切换 阅读全文
posted @ 2021-08-23 14:20 黄哈哈。 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 音频 一、特点 SoundJS是一个可以更轻松地在网络上处理音频的库。它提供了一致的API,用于在不同的浏览器中播放音频,包括使用目标插件模型提供一种简单的方法来提供额外的音频插件,如Flash后备(包括,但必须与组合/缩小版本分开使用)。 二、官网与文档 http://www.createjs.c 阅读全文
posted @ 2021-08-23 14:19 黄哈哈。 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 视频 特点 ckplayer是一款在网页上播放视频的免费软件,主要特点是:免费,小巧,功能强大,定制方便。 官网与文档 http://www.ckplayer.com/ 引入 <script type="text/javascript" src="js/ckplayer.js" ></script> 阅读全文
posted @ 2021-08-23 13:22 黄哈哈。 阅读(183) 评论(0) 推荐(0) 编辑
摘要: /* webkit, opera, IE9 (谷歌浏览器)*/ ::selection { background:lightblue; color:#000; } /* mozilla firefox(火狐浏览器) */ ::-moz-selection { background:lightblue 阅读全文
posted @ 2021-08-23 11:54 黄哈哈。 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 二维码生成 一、引入 qrcode.js获取:二维码插件 <script src="jquery.min.js"></script> <script src="qrcode.js"></script> 二、使用 HTML结构 <!--logo图片(不用logo图片,可以不要)--> <img id= 阅读全文
posted @ 2021-08-23 11:43 黄哈哈。 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 插件-pagination 一、官网与文档 http://www.jq22.com/demo/pagination20160204/ https://github.com/Maxiaoxiang/jQuery-plugins 二、引入 <script src="js/jquery-1.8.3.min 阅读全文
posted @ 2021-08-23 09:38 黄哈哈。 阅读(37) 评论(0) 推荐(0) 编辑