文章分类 -  HTML/CSS

html+css实现表格固定首行首列
摘要：今天接到一个任务要用html+css实现表格固定首行首列，水平垂直可以滚动，不可以用javascript 要实现这个功能，表格无法实现，需要通过布局来实现 父容器div内包裹着4个table（1，2，3，4） 在垂直方向，1、2列表头固定，3、4垂直滚动 在水平方向，1、3行表头固定，2、4水平滚动 阅读全文
posted @ 2017-01-18 23:01 暗夜心慌方 阅读(15905) 评论(1) 推荐(1)
按钮字体居中
摘要：当按钮使用了letter-spacing进行字间距设置，字会向左边偏移 效果如下： 解决办法： 效果如下： 阅读全文
posted @ 2016-08-29 17:45 暗夜心慌方 阅读(2359) 评论(0) 推荐(0)
onbeforeupload和onupload区别
摘要：onbeforeunload与onunload事件,onunload和onbeforeunload都是在刷新或关闭时调用，可以在< script>脚本中通过window.onunload来指定或者在< body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止on 阅读全文
posted @ 2016-03-10 18:11 暗夜心慌方 阅读(876) 评论(0) 推荐(0)
iframe高度自适应小记
摘要：问题：当iframe第一次加载的是一个比较长的页面，第二次加载一个比较短的页面的时候，无法实现高度自适应，会出现滚动条，很难看的好伐。。。 <iframe id="myIframe" name="myIframe" width="100%" height="auto" frameborder="0" 阅读全文
posted @ 2016-03-09 11:27 暗夜心慌方 阅读(207) 评论(0) 推荐(0)
datatable分页Bug
摘要：jquery datatable用的人还是挺多的，最近项目中有用到这个插件，还是不错的一个东西， 当页面只存在一个datatable实例的时候分页没有问题，但是当页面有多个datatable实例的时候就会出现问题 当页面有两个实例的时候： 正常的datatable1 正常的datatable2 一开 阅读全文
posted @ 2016-03-02 18:10 暗夜心慌方 阅读(867) 评论(0) 推荐(0)
radio设置选中
摘要：今天项目中用到一个插件jquery.uniform，要进行radio选中设置，用$("input:radio[value='0']").attr("checked",true);设置，结果选中变化两次就不再变化了， 最后发现jquery1.9版本以后要用prop来设置了，好吧，果然好了。。。无语中。 阅读全文
posted @ 2016-01-29 14:29 暗夜心慌方 阅读(150) 评论(0) 推荐(0)
iframe高度自适应
摘要：重要提示：src=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问！”原因是跨域了：请看本文--->iframe跨域高度自适应之前自己也碰到过这个问题，为了得到答案去网上搜索，发现有不少人也遇到了这样的问题，现在就把解决方法共享一下超简单哦1、建立一个bottom.j... 阅读全文
posted @ 2016-01-05 15:45 暗夜心慌方 阅读(122) 评论(0) 推荐(0)
document用法
摘要： 阅读全文
posted @ 2015-12-08 17:36 暗夜心慌方 阅读(201) 评论(0) 推荐(0)
input限制
摘要： 阅读全文
posted @ 2015-12-08 17:22 暗夜心慌方 阅读(89) 评论(0) 推荐(0)
div内容超出滚动，不显示滚动条
摘要：方法一：修改滚动条颜色Body { scrollbar-arrow-color: greenyellow; scrollbar-face-color: greenyellow; scrollbar-3dlight-color: greenyellow; scrollbar-highlight-col... 阅读全文
posted @ 2015-10-05 23:01 暗夜心慌方 阅读(6394) 评论(0) 推荐(1)
拥有ID的元素会创建全局变量
摘要：在一张HTML页面中，所有设置了ID属性的元素会在javascript的执行环境中创建对应的全局变量，这意味着document.getElementById像人的阑尾一样显得多余了。但实际项目中最好老老实实怎么写就怎么写，毕竟常规代码出乱子的机会要小得多。result:所以可是这样用jquery:$... 阅读全文
posted @ 2015-09-18 11:31 暗夜心慌方 阅读(430) 评论(0) 推荐(1)
加载CDN文件
摘要：现在很流行的CDN，即从专门的服务器加载一些通用的js和css文件，处于安全考虑，有的CDN服务器使用HTTPS方法链接，而有的是传统的HTTP，其实我们在使用时可以忽略这个，将它从URL中省去。 阅读全文
posted @ 2015-09-18 10:49 暗夜心慌方 阅读(289) 评论(0) 推荐(0)
利用script标签保存信息
摘要：页面保存信息有好多种方法，今天用script标签来保存信息：将script标签设置为type='text'然后可以在里面保存任意信息，之后可以在javascript代码中很方便的获取。js getvar text = document.getElementById('template').inner... 阅读全文
posted @ 2015-09-18 10:44 暗夜心慌方 阅读(202) 评论(0) 推荐(0)
前端页面鼠标隐藏
摘要：CSS的恶作剧--让鼠标消失*{ cursor: none!important;}相信你看到上面的代码后能够预料到会出现什么效果。。。 阅读全文
posted @ 2015-09-18 10:35 暗夜心慌方 阅读(888) 评论(0) 推荐(0)
iframe跨域高度自适应
摘要：原文：http://michilehr.de/resize-iframe-by-its-content-cross-domain/ 阅读全文
posted @ 2015-09-16 16:08 暗夜心慌方 阅读(210) 评论(0) 推荐(0)
圆形div点击去背后隐形边框
摘要：在使用border-radius将div变为圆形后，给div绑定点击事件 ，在按的的时候圆形的div背后会出现一个矩形的（就是未变圆时的div）边框，这个很是影响用户体验，必须得把丫去掉网上搜集了下：1）outline：0 none; //此法不行，可能是浏览器问题（用的微信浏览器）2）-web... 阅读全文
posted @ 2015-08-13 11:32 暗夜心慌方 阅读(295) 评论(0) 推荐(0)
div内容垂直居中
摘要：网上看到的方法酱紫：div{ height: 20px; line-height:20px; overflow:hidden;} 但是这样没有居中哦最终解决办法：div{ height:10%; line-height:100%;} 阅读全文
posted @ 2015-08-06 15:33 暗夜心慌方 阅读(90) 评论(0) 推荐(0)
自适应网页设计
摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达... 阅读全文
posted @ 2015-07-03 12:56 暗夜心慌方 阅读(144) 评论(0) 推荐(0)
iframe 父窗口和子窗口相互的调用方法集锦
摘要：一、父窗口调用iframe子窗口方法1.HTML语法：2.父窗口调用子窗口：myFrame.window.functionName();3.子窗口调用父窗口：parent.functionName();简单的说，也就是在子窗口调用的变量或函数前加一个parent就行了4.父窗口页面源码： ... 阅读全文
posted @ 2015-06-15 10:42 暗夜心慌方 阅读(188) 评论(0) 推荐(0)