html - 随笔分类 - zqifa

html 出现粒子线条，鼠标移动会以鼠标为中心吸附的特效之canvas-nest.js插件

摘要：我在网上看到一个很炫酷，很有趣的特效，网页上会有很多移动的粒子和线条，鼠标经过时会以鼠标为中心吸附过来，如果时间够久，会形成一个类似震动的、带辐条的车轮子的东西。网上搜了一下，源码是github里面的canvas-nest.js插件 github地址：https://github.com/hust 阅读全文

posted @ 2019-04-25 12:01 zqifa 阅读(3798) 评论(1) 推荐(1) 编辑

div 内容宽度自适应、超出后换行

摘要：div 内容宽度自适应，超出后换行 { max-width:100%;width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;word-wrap: break-word; } 阅读全文

posted @ 2019-04-23 10:54 zqifa 阅读(3880) 评论(0) 推荐(0) 编辑

bootstrap顶部导航遮挡下面内容的解决办法

摘要：使用bootstrap设置顶部导航，并将导航栏固定，代码如下：代码文本： <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> <button class="navbar-toggler" type="butto 阅读全文

posted @ 2019-03-14 15:21 zqifa 阅读(2275) 评论(0) 推荐(0) 编辑

HTML5 localStorage使用教程

摘要：在客户端存储数据，HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的阅读全文

posted @ 2017-07-03 14:29 zqifa 阅读(9464) 评论(0) 推荐(0) 编辑

完美解决IE9浏览器出现的对象未定义问题

摘要：目前Window7的机器上，使用IE9浏览器的用户很多，但是IE9在兼容性上做了较严格的控制，导致很多程序在chrome，firefox，ie6,ie7,ie8上可以正常运行，在ie9上确出现了各种问题，这里要说的其中一个问题，就是对象为定义，特别是单一个页面上嵌套了多层iframe/frame的时阅读全文

posted @ 2017-06-15 15:49 zqifa 阅读(2727) 评论(0) 推荐(0) 编辑

google chrome浏览器离线小恐龙游戏刷分bug

摘要：F12打开开发者工具->console->输入如下代码，分数要多少有多少 Runner.instance_.setSpeed(99999); 试试瞬间满分window.tempGameOver = Runner.instance_.gameOver;Runner.instance_.gameOv 阅读全文

posted @ 2017-03-06 17:23 zqifa 阅读(46235) 评论(0) 推荐(0) 编辑

css大小单位px em rem的转换和详解

摘要：css大小单位px em rem的转换和详解 PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）阅读全文

posted @ 2016-12-09 11:02 zqifa 阅读(6635) 评论(0) 推荐(2) 编辑

简单jquery实现select三级联动

摘要：简单的jquery实现select三级联动代码如下： html代码： <!DOCTYPE html><html><head><meta charset="utf-8" /><title>selectList</title><style type="text/css"> *{margin:0;pad 阅读全文

posted @ 2016-12-05 18:01 zqifa 阅读(4483) 评论(0) 推荐(1) 编辑

html 页面内锚点定位及跳转方法总结

摘要：第一种方法，也是最简单的方法是锚点用<a>标签，在href属性中写入DIV的id。如下： <!DOCTYPE html><html><head> <style> div { height: 800px; width: 400px; border: 2px solid black; } h2 { po 阅读全文

posted @ 2016-12-03 22:11 zqifa 阅读(58081) 评论(4) 推荐(6) 编辑

bootstrap模态框modal使用remote第二次加载显示相同内容解决办法

摘要：bootstrap模态框modal使用remote动态加载内容，第二次加载显示相同内容解决办法 bootstrap的modal中，使用remote可以动态加载页面到modal-body中，并弹窗显示如果提供的是 URL，将利用 jQuery 的 load 方法从此 URL 地址加载要展示的内容（只阅读全文

posted @ 2016-11-29 10:38 zqifa 阅读(5932) 评论(0) 推荐(2) 编辑

bootstrap 模态框禁用空白处点击关闭

摘要：bootstrap 3 模态框为信息编辑窗口,默认点击空白处会自动关闭，但是有的时候这个功能需要关闭，比如编辑信息，一不小心点击了空白处，那就要重新编辑了。 bootstrap 3 模态框禁用空白处点击关闭$('#myModal').modal({backdrop: 'static', keyboa 阅读全文

posted @ 2016-11-28 15:39 zqifa 阅读(1222) 评论(0) 推荐(0) 编辑

PHP 通过设置P3P头来实现跨域访问COOKIE

摘要：CentOS的系统(Linux 内核) 编辑HOST vi /etc/hosts 加入127.0.0.1 www.a.com127.0.0.1 www.b.com 首先：创建 a_setcookie.php 文件，内容如下： <?php //header('P3P: CP="CURa ADMa DE 阅读全文

posted @ 2016-11-23 16:44 zqifa 阅读(682) 评论(0) 推荐(0) 编辑

html input的file文件输入框onchange事件触发一次失效解决方法

摘要：最近在做一个图片上传的功能，出现提交一次后，file输入框的change事件无法再次触发的bug，就是说提交一次后必须刷新才能再次提交，这就坑了~ 于是想办法解决它~ 在网上找了一些资料，找到这几种方法： 1、替换掉原来的input框2、remove原来的input框，然后在添加进新的一样的inpu 阅读全文

posted @ 2016-11-16 16:37 zqifa 阅读(10134) 评论(0) 推荐(1) 编辑

正则表达式匹配完整img标签php实现

摘要：处理html富文本的时候，碰到批量处理img标签，要把img标签格式化，并且去除不用的代码，class，各种data-等，首先想到使用正则匹配，然后处理匹配到的img标签和参数，经过一番尝试终于搞定了，代码如下： <?php$content = '<br/><img mime="image/jpeg 阅读全文

posted @ 2016-10-24 15:06 zqifa 阅读(3288) 评论(0) 推荐(0) 编辑

jquery checkbox选中、改变状态、change和click事件

摘要：jquery判断checked的三种方法:.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:tr 阅读全文

posted @ 2016-10-20 15:40 zqifa 阅读(390944) 评论(7) 推荐(23) 编辑

UEditor自定义toolbar工具条

摘要：使用ueditor的同学都知道，ueditor里有很多功能，很全面，但有时候我们的编辑器不需要太多的功能，比如前台评论或者留言，就不需要这么多功能了，那我们怎么去定制自己想要的工具呢？官方给出了两个方法，ueditor工具栏上的按钮列表可以自定义配置,只需要通过修改配置项就可以实现需求： 1. 方法阅读全文

posted @ 2016-10-12 09:21 zqifa 阅读(28304) 评论(0) 推荐(2) 编辑

js操作cookie方法

摘要：cookie cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。定义于RFC2109和2965都已废弃，最新取代的规范是RFC6265。 cookie的作用服务器可以利用Cookies包含信息的任意性来筛阅读全文

posted @ 2016-09-23 10:14 zqifa 阅读(16723) 评论(0) 推荐(3) 编辑

flash wmode参数详解

摘要：在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什阅读全文

posted @ 2016-09-18 16:50 zqifa 阅读(975) 评论(0) 推荐(0) 编辑

js中setAttribute 的兼容性

摘要：js中setAttribute 的兼容性class和className兼容方法： object.setAttribute("class","content") 在IE8、Chrome、火狐、Opera10中都能设置成功；但是在IE7下无法设置。 object.setAttribute("classN 阅读全文

posted @ 2016-09-18 16:29 zqifa 阅读(2560) 评论(0) 推荐(0) 编辑