随笔分类 -  web前端

清除浮动
摘要：浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 【1】父级div定义 height 原理：父级d 阅读全文
posted @ 2018-08-10 11:17 cat糯米团 阅读(171) 评论(0) 推荐(0)
自定义input文件上传 file的提示文字及样式
摘要：简单记录一下 效果图： 代码： js code: 阅读全文
posted @ 2018-02-07 11:57 cat糯米团 阅读(9428) 评论(0) 推荐(0)
使用google api material icons在网页中插入图标
摘要：在<head></head>中加入这一句： <link rel='stylesheet' href='http://fonts.googleapis.com/icon?family=Material+Icons' type='text/css'> 然后在body中加入： <span class="s 阅读全文
posted @ 2017-12-05 16:38 cat糯米团 阅读(709) 评论(0) 推荐(0)
asp实现网页浏览总数
摘要：SQL 效果图 阅读全文
posted @ 2017-08-19 16:28 cat糯米团 阅读(413) 评论(0) 推荐(0)
简单的JS统计静态网站访问次数
摘要：最简单的静态页面刷新 效果图： 阅读全文
posted @ 2017-08-19 16:10 cat糯米团 阅读(4155) 评论(0) 推荐(1)
HTML5的 input:file上传类型控制
摘要：一、input:file属性 属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。 1、accept 只能选择png和gif图片 阅读全文
posted @ 2017-08-15 15:12 cat糯米团 阅读(431) 评论(0) 推荐(0)
jQuery弹出窗口完整代码
摘要：效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/1.htm 阅读全文
posted @ 2017-07-25 14:34 cat糯米团 阅读(1777) 评论(0) 推荐(0)
【转】浏览器兼容性问题汇总
摘要：浏览器兼容性问题汇总 1：margin-left在IE6不生效(复现条件：块状元素、浮动、margin-left) 解决方法：http://www.seostudying.com/1233.html 2: position:fixed 在ie6 、ie7(quirk) 、 ie8(quirk)下被当 阅读全文
posted @ 2017-07-11 17:52 cat糯米团 阅读(116) 评论(0) 推荐(0)
简单鼠标跟随代码
摘要：效果图： html code: css code: js code 阅读全文
posted @ 2017-06-12 17:22 cat糯米团 阅读(594) 评论(0) 推荐(0)
【JS】jquery通知插件toastr
摘要：toastr是一款非常棒的基于jquery库的非阻塞通知提示插件，toastr可设定四种通知模式：成功，出错，警告，提示，而提示窗口的位置，动画效果都可以通过能数来设置，在官方站可以通过勾选参数来生成JS，非常的方便使用。 使用demo地址：http://www.jq22.com/yanshi476 阅读全文
posted @ 2017-06-12 16:32 cat糯米团 阅读(251) 评论(0) 推荐(0)
弹出浮层css+JQuery
摘要：先来张效果图： HTML代码如下： JS代码： CSS样式： 当点击触发按钮时，弹出浮层，我在浮层四周加了点效果。 阅读全文
posted @ 2017-05-18 16:34 cat糯米团 阅读(1658) 评论(0) 推荐(0)
CSS自适应的占位符效果
摘要：style section : 效果图 : 但是IE不兼容，具体效果可以自己测试一下，当鼠标点击input时占位符是淡出去的效果。 阅读全文
posted @ 2017-05-04 10:08 cat糯米团 阅读(2878) 评论(0) 推荐(0)