摘要: 想了想最直接的思路就是用24小时减去现在的时间,但是觉得麻烦~于是就想了另一种在加一天的时间后设置小时分钟秒为0var t=new Date();t.setDate(t.getDate() + 1);t.setHours(0);t.setMinutes(0);t.setSeconds(0); 阅读全文
posted @ 2012-11-19 14:32 BiakeChou 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 一阵子不写前端 今天做个页面在IE6下清除浮动有问题,想了好一会才想起来,现在记录一下!自己常用写法 IE7+ 和火狐内核 webkit内核的 只需要在浮动层的父层加overflow:hidden IE6下 要加个height:100%;前提是XHTML 1.0 Transitional 的标准 阅读全文
posted @ 2012-08-07 17:56 BiakeChou 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 用的组合模式,也是用的最广泛的,在构造函数中定义属性和方法,在原型中添加方法。弹窗最基本的属性也就是宽和高了,这里我把弹窗的HTML的代码也写进了一个属性,方便直接使用,还有弹窗的ID方便创建多个窗体。一、【构造函数】function JqWindow(WindowID,WindowWidth,WindowHeight){ //窗口宽 给了默认值300 this.width=(typeof(WindowWidth)=='undefined')?300:parseInt(WindowWidth,10); //窗口高 给了默认值300 this.height=(typeof... 阅读全文
posted @ 2012-07-23 14:18 BiakeChou 阅读(450) 评论(0) 推荐(0) 编辑
摘要: .demo { color: red;/*所有现代浏览器*/ color: green9;/*所有IE浏览器*/ color:#CC0\0;/*IE8-9浏览器*/ color:#F0F\9\0;/*ie9*/*color: red;/*IE6-7浏览器*/ +color: blue;/*IE7浏览器*/ _color: orange;/*IE6浏览器*/ } @-moz-document url-prefix(){.demo{color:#897}/* all firefox */} @media screen and (-webkit-min-device-pixel-ratio:0) { 阅读全文
posted @ 2012-07-01 09:46 BiakeChou 阅读(160) 评论(0) 推荐(0) 编辑
摘要: .p1{ word-break:break-all; width:150px;}/*只对英文起作用,以字母作为换行依据*/.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用,以单词作为换行依据*/.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用,强制换行*/.p4{white-space:nowrap; width:10px;}/*强制不换行,都起作用*/.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 阅读全文
posted @ 2012-07-01 09:32 BiakeChou 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 最近用到这款工具 觉得还不错,网上找了一些教程:下面是Lucifr的三篇介绍:Sublime Text 2 入门及技巧ZenCoding in Sublime Text 2Sublime Text 2 实用快捷键[Mac OS X]Sublime Text 2 右键菜单中的实用选项以及 istyles 的:Sublime Text 2 快捷键 (windows)Ctrl+L选择整行(按住-继续选择下行)Ctrl+KK从光标处删除至行尾Ctrl+Shift+K删除整行Ctrl+Shift+D复制光标所在整行,插入在该行之前Ctrl+J合并行(已选择需要合并的多行时)ctrl+ku改为大写Ctrl 阅读全文
posted @ 2012-06-29 10:01 BiakeChou 阅读(709) 评论(0) 推荐(0) 编辑
摘要: 1. event对象IE:有window.event对象FF:没有window.event对象【解决方法】传入event参数再进行判断function test(event){ var event=event||window.event; return event;}2.鼠标当前坐标(含滚动)IE:event.offsetX 和event.offsetYFF:event.layerX 和event.layerY【解决方法】var event=event || window.event;var x=event.offsetX || event.layerX;var y=event... 阅读全文
posted @ 2012-06-27 16:52 BiakeChou 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 关于 position:fixed; 属性生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。position:fixed; 可以让网页上的某个元素固定在一个绝对的位置,即使拉动滚动条位置也不发生变化。(在 LOO2K 博客右下角的那个置顶的小按钮就是用了这个 CSS 属性实现的)一般的 position:fixed; 实现方法以我的博客为例,在右下角<div id="top">...</div>这个 HTML 元素使用的 CSS 代码如下:#top{pos 阅读全文
posted @ 2012-06-25 22:11 BiakeChou 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 今天在看一个CSS3进度条DEMO时发现在chrome中的某元素 :after 样式显示不正常,下面是DEMO的地址http://www.css88.com/demo/css3-progress-bars/第二个进度条在chrome浏览器中无动画效果,贴出样式:.shine span { position: relative;}.shine span::after { content: ''; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; back... 阅读全文
posted @ 2012-06-20 13:35 BiakeChou 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 发现总有个问题, 用淡入淡出效果 和 下拉效果 切换内容的时候 鼠标移动到另一个标签过快 就会出现一个层还没来得及小时另一个层出现了,现在贴出源码,学习中请大家指教了(function($){ $.fn.extend({ TabUi:function(options){ var _default={ CurrentLi:0,//默认第0个显示 tabTime:2000,//每隔两秒自动移动 CurTabLiCss:"Tab_CurLi",//当前选中的标签样式 ... 阅读全文
posted @ 2012-05-25 15:39 BiakeChou 阅读(477) 评论(0) 推荐(0) 编辑