- 博客(8)
- 资源 (3)
- 收藏
- 关注
原创 围住浮动元素的三种方法
当有浮动元素时:<section> <img src="images/rubber_duck2.jpg"> <p>It's fun to float.</p> </section> <footer> Here is the footer element that runs across the bottom of the page.</footer>section {border:1px solid
2015-06-20 13:40:12 771
原创 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法
在做列表文章的时候,我们经常会用ul,li标签实现,但是如下图所示第一行出了点问题。在IE6、IE7中li的第一行相对于下方的靠左,而在IE8,FF正常。 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法 静态代码如下: 列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法<ul class="right_bottom">
2015-06-20 13:26:00 754
原创 reset.css
常用css重置代码html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, s
2015-06-19 08:45:35 431
原创 js 瀑布流加载图片
技术要点: 1. 根据col=Math.floor(clientW/boxW),即浏览器宽度/每个块的宽度的值确定分成多少列,然后根据得出的col,重新计算出外框main的宽度,设置样式使其水平居中。 2. 添加滚动事件,当最后一个块距离页面顶部的距离小于可见区域和滚动卷去的高度之和时lastBox.offsetTop+Math.floor(lastBox.offsetHeight/2)<!DO
2015-06-11 21:18:47 697
原创 CSS3 旋转动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 200px; height: 100px; background: red; border-radius: 5px;
2015-06-11 11:10:50 536
原创 倒计时效果
任务要求: 界面首先有一个文本输入框,允许按照特定的格式YYYY-MM-DD输入年月日; 输入框旁有一个按钮,点击按钮后,计算当前距离输入的日期的00:00:00有多少时间差 在页面中显示,距离YYYY年MM月DD日还有XX天XX小时XX分XX秒 每一秒钟更新倒计时上显示的数 如果时差为0,则倒计时停止 html文件代码:<!DOCTYPE html> <html lang="en"> <head>
2015-06-05 19:31:27 806
原创 限制文本框输入YYYY-MM-DD格式的日期
文本输入框有时对输入的文本有限制,如限制输入YYYY-MM-DD格式的日期,可以通过正则表达式实现function IsDate(str){ var reg=/^(\d{4})-(\d{2})-(\d{2})$/; if (str=='') { return false; } var arr=reg.exec(str); if(!reg.test
2015-06-05 19:25:32 11264
原创 js变量作用域问题
工作面试中我们经常会遇到这样的题目:var a = "Hello"; function b() { alert(a); var a = "World"; alert(a); } b();正确的运行结果是:undefined,world为什么是这个结果呢?首先我们要明确几点: js作用域最外界的是window作用域,同时,js是以函数为块作用域的,每一个函数都是一个快作用域 j
2015-06-02 16:49:17 824
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人