日常积累
u010818109
这个作者很懒,什么都没留下…
展开
-
响应式页面
以下是一个简单的响应式页面的例子。但是一直不明白为什么css样式和[code="html"][/code]要写在head里,如果把css写成外部引用的,在ie8以下就不会支持,求解答[code="html"] 无标题文档 .box{ width:960px; margin:20px ...原创 2013-04-27 17:57:55 · 85 阅读 · 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 · 139 阅读 · 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 · 1092 阅读 · 0 评论 -
css自动换行 ie6 css强制换行 white-space:nowrap
网页中有这样的需求,外层宽度固定了,内层每个li宽度不定,依靠float:left;padding-right:6px;产生间距,没有指定宽度,就导致宽度不可预测,也就是表现为最后一个如果不够显示,字会掉下一行,此情况在ie下表现严重,firefox正常显示.怎么解决呢. white-space:nowrap; 这样既可. 以后就可以自动换行而不会出现掉下去的尴尬了. ...原创 2013-10-13 10:27:57 · 153 阅读 · 0 评论 -
AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
1、什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。2、AJAX交互模型同...原创 2014-07-29 17:28:50 · 137 阅读 · 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 · 165 阅读 · 0 评论 -
清除浮动
overflow是一种很好的清除浮动的方法(至少我这么认为),先前发表的《三种有效的清除浮动的方法》里介绍了这种方法,从发表到现在也有一段时间了,这期间在其他地方也看到介绍overflow清除浮动文章,但和《三种有效的清除浮动的方法》里面的不太一样,下面就再说说overflow清除浮动。以下面的XHTML代码为例:我以前用的方法是(CSS代码):#conta...原创 2013-09-03 21:21:17 · 75 阅读 · 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 · 59 阅读 · 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 · 348 阅读 · 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 · 709 阅读 · 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 · 545 阅读 · 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 · 86 阅读 · 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 · 58 阅读 · 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 · 139 阅读 · 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 · 79 阅读 · 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 · 78 阅读 · 0 评论 -
添加到收藏夹
支持火狐和iefunction 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 · 97 阅读 · 0 评论 -
向上/向下 取整
1.丢弃小数部分,保留整数部分parseInt(5/2) -----22.向上取整,有小数就整数部分加1 Math.ceil(5/2) ------33,四舍五入.Math.round(5/2) -----34,向下取整 Math.floor(5/2) -----2...原创 2014-10-15 15:58:05 · 182 阅读 · 0 评论