日常积累
u010818109
这个作者很懒,什么都没留下…
展开
-
响应式页面
以下是一个简单的响应式页面的例子。但是一直不明白为什么css样式和 [code="html"][/code]要写在head里,如果把css写成外部引用的,在ie8以下就不会支持,求解答 [code="html"] 无标题文档 .box{ width:960px; margin:20px ...原创 2013-04-27 17:57:55 · 82 阅读 · 0 评论 -
switch 语句
switch 语句是 if 语句的兄弟语句。 一、 if (i == 20) alert("20"); else if (i == 30) alert("30"); else if (i == 40) alert("40"); else alert("other"); 等价的 switch 语句是这样的: switch (i) { case 20...原创 2015-07-23 15:01:50 · 137 阅读 · 0 评论 -
ie中改变滚动条的样式(overflow-y:auto)
首先写一个div,设置宽高,overflow-x;overflow-y:auto,如图: [img]http://dl2.iteye.com/upload/attachment/0090/1829/cbb270d2-6da4-3d97-856a-e87efd2ecc78.jpg[/img] [code="html"] 滚动条测试1 滚动条测试2 滚...原创 2013-10-14 18:07:40 · 1091 阅读 · 0 评论 -
css自动换行 ie6 css强制换行 white-space:nowrap
网页中有这样的需求,外层宽度固定了,内层每个li宽度不定,依靠float:left;padding-right:6px;产生间距,没有指定宽度,就导致宽度不可预测,也就是表现为最后一个如果不够显示,字会掉下一行,此情况在ie下表现严重,firefox正常显示.怎么解决呢. white-space:nowrap; 这样既可. 以后就可以自动换行而不会出现掉下去的尴尬了. ...原创 2013-10-13 10:27:57 · 145 阅读 · 0 评论 -
AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
1、什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。 2、AJAX交互模型 同...原创 2014-07-29 17:28:50 · 134 阅读 · 0 评论 -
如何使浮动的元素居中
[code="html"] 这是一个浮动的 [/code] [code="css"] body{ width:100%; height:100%; padding:0px; overflow:hidden; } .content{ width:100%; height:100%; } .left{ wid...原创 2013-09-05 17:43:17 · 164 阅读 · 0 评论 -
清除浮动
overflow是一种很好的清除浮动的方法(至少我这么认为),先前发表的《三种有效的清除浮动的方法》里介绍了这种方法,从发表到现在也有一段时间了,这期间在其他地方也看到介绍overflow清除浮动文章,但和《三种有效的清除浮动的方法》里面的不太一样,下面就再说说overflow清除浮动。 以下面的XHTML代码为例: 我以前用的方法是(CSS代码): #conta...原创 2013-09-03 21:21:17 · 72 阅读 · 0 评论 -
清除浮动的方法
1、父级div设置高度 [code="html"] Left Right fshrsjdsjdtg [/code] [code="css"] .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{background:#800080;bor...原创 2013-09-03 15:32:54 · 57 阅读 · 0 评论 -
通配符*的使用
css 通配符 "*" 可以消除浏览器的默认属性,比如:*{margin:0;padding:0;} 但是推荐这样 html,body,div,span,applet,object,iframe,h1,h2,p,a{margin:0;padding:0;} 而不是 *{margin:0;padding:0;} 因为 css 通配符 “*”会将网站内所有元素的默认值重设,这在大型网站会加重...原创 2014-02-18 11:03:44 · 342 阅读 · 0 评论 -
兼容ie6、7的阴影效果
来源:[url]http://www.zhangxinxu.com/wordpress/2010/04/css%E5%AE%9E%E7%8E%B0%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7%E7%9A%84%E7%9B%92%E9%98%B4%E5%BD%B1%E6%95%88%E6%9E%9C/[/url] ...原创 2013-09-02 13:25:34 · 707 阅读 · 0 评论 -
鼠标经过小图,显示大图
[code="html"] *{padding:0px;margin:0px;} li{list-style:none; float:left;margin-left:10px;} .container{ width:1000px; height:600px; margin...原创 2013-09-02 13:25:03 · 540 阅读 · 0 评论 -
各种小例子
1、加载页面后,直接跳转到想要的位置。 [code="javascript"] jQuery.fn.autoscroll = function(selector) { $('html,body').animate( {scrollTop: $('.one').offset().top}, 500 ) } $('.one').autoscroll(); [/cod...原创 2014-06-06 17:15:27 · 84 阅读 · 0 评论 -
可隐藏固定广告---fix不兼容ie6
[code="html"] 1 2 3 4 5 6 7 8 9 10 11 12 [/code] [code="css"] *{margin:0p...原创 2013-07-29 13:44:27 · 56 阅读 · 0 评论 -
圆角边框及圆角背景
文章来源:[url]http://www.cnblogs.com/mslove/archive/2009/03/24/1420703.html[/url] 1、圆角边框 [img]http://dl2.iteye.com/upload/attachment/0086/2483/c6de987e-8c40-3847-a679-07699588b6b9.jpg[/img] [code="ht...原创 2013-07-23 15:16:07 · 138 阅读 · 0 评论 -
圆角实例
[code="html"] *{padding:0px;margin:0px;} body{padding:100px 0px 0px 100px;} .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;} .b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;} ...原创 2013-07-23 15:14:51 · 74 阅读 · 0 评论 -
美化radio
[code="html"] 请选择你的性别: 男 女 人妖 [/code] [code="css"] body{ font-size:12px; font-family:'宋体'; } #sex_male,#sex_femal,#sex_no...原创 2013-07-22 17:25:37 · 77 阅读 · 0 评论 -
添加到收藏夹
支持火狐和ie function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( windo...原创 2013-11-25 15:51:19 · 96 阅读 · 0 评论 -
向上/向下 取整
1.丢弃小数部分,保留整数部分 parseInt(5/2) -----2 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) ------3 3,四舍五入. Math.round(5/2) -----3 4,向下取整 Math.floor(5/2) -----2...原创 2014-10-15 15:58:05 · 178 阅读 · 0 评论