- 博客(40)
- 收藏
- 关注
RSS订阅原创 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
154
原创 判断checkbox是否选中
[code="java"]$('#checker').click(function(){ if($(this).is(":checked")){ alert(3) }else{ alert(4) } });[/code]
2015-05-12 11:22:09
388
原创 向上/向下 取整
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
194
原创 AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
1、什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。2、AJAX交互模型同...
2014-07-29 17:28:50
152
原创 各种小例子
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
97
原创 jquery的点击事件，追加的内容中的绑定事件不起作用
[code="html"] 增加 1百度可以搜到你想要的一切 2百度可以搜到你想要的一切[/code][code="javascript"]$(function(){//第一种方法 /* $(document).on('click','b',function(){ alert(123) });*/ //第二种...
2014-04-10 13:50:04
183
原创 ie67中li下的间隙问题
一、以下是引发此BUG的条件： 必要条件： li的子元素设置了浮动（例如：本例中的a设置了左浮动） 充要条件： (IE6/7)li设置了width、height、zoom 之一 （例如：本文中的li设置了width） (仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之...
2014-03-21 17:42:25
133
原创 网站变为黑白色-------CSS滤镜过滤色彩代码：
CSS滤镜过滤色彩代码： html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
2014-03-04 15:25:02
455
原创 通配符*的使用
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
363
原创 添加到收藏夹
支持火狐和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
114
原创 解决ie6下fixed问题
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/#tbox{width:47px; height:73px; float:right; position:fixed;_position:absolute;_bottom:auto;_top:expression...
2013-11-15 15:04:32
91
原创 IE6下溢出多余文字--多了一只猪
在IE6中，会无缘无故多出几个字儿来，这是IE6BUG 。 下面把自己做后的总结整理下： 方案1： 原因：出现这种情况绝大多数都是与浮动有关系的。 [通常都是用这个方案解决的] 解决思路： 检查下出现这种情况的容器（比如DIV）是否有用到浮动，并且，当前浮动是否有必要应用；如果即使不用浮动也可以达到效果话，就将浮动去除。或是，加一个 "C...
2013-10-29 14:22:35
124
原创 ie6png--背景---兼容性问题（原生滤镜）
原生滤镜：解决作为背景的png图片_background:none;_filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XX.png", sizingMethod="crop");要特别注意：src="" 中的写法。...
2013-10-25 16:52:11
88
原创 ie6浮动元素之间注释，导致多复制一个文字问题
当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug [img]http://dl2.iteye.com/upload/attachment/0090/5563/e5fbe70a-e73e-31a8-aafa-f5fefaf06f32.jpg[/img] 可以通过以下的办法来解决：...
2013-10-25 16:22:04
109
原创 ie6bug--- li 下元素浮动 在IE6 下 li 下方会产生间隙问题；
ie6中的效果图：[img]http://dl2.iteye.com/upload/attachment/0090/5520/08a58cdf-07aa-3f32-b84f-da3ab6a2e29d.jpg[/img]其他浏览器[img]http://dl2.iteye.com/upload/attachment/0090/5522/5a0c378d-2b5...
2013-10-25 15:12:04
108
原创 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
1119
原创 css自动换行 ie6 css强制换行 white-space:nowrap
网页中有这样的需求,外层宽度固定了,内层每个li宽度不定,依靠float:left;padding-right:6px;产生间距,没有指定宽度,就导致宽度不可预测,也就是表现为最后一个如果不够显示,字会掉下一行,此情况在ie下表现严重,firefox正常显示.怎么解决呢. white-space:nowrap; 这样既可. 以后就可以自动换行而不会出现掉下去的尴尬了. ...
2013-10-13 10:27:57
165
原创 如何使浮动的元素居中
[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
185
原创 清除浮动
overflow是一种很好的清除浮动的方法（至少我这么认为），先前发表的《三种有效的清除浮动的方法》里介绍了这种方法，从发表到现在也有一段时间了，这期间在其他地方也看到介绍overflow清除浮动文章，但和《三种有效的清除浮动的方法》里面的不太一样，下面就再说说overflow清除浮动。以下面的XHTML代码为例：我以前用的方法是（CSS代码）：#conta...
2013-09-03 21:21:17
85
原创 清除浮动的方法
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
71
原创 兼容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
724
原创 鼠标经过小图，显示大图
[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
562
原创 美化单个checkbox
[code="html"]function myCheckbox(obj,thisobj){ var o = document.getElementById(obj); if(o.checked) { thisobj.style.backgroundImage="url(checkOff.JPG)"; o.checked = false; } else...
2013-08-02 10:37:34
111
原创 美化type="file"
[code="html"] 图片大小不超过2M,大小90*90,支持jpg、png、bmp等格式。[/code][code="css"].fileInput{width:102px;height:34px; background:url(http://images.cnblogs.com/cnblogs_com/dreamback/upFileBt...
2013-08-02 10:30:12
123
原创 视频播放 ---滚动条的设置
此方法需要引入一个插件：jscroll.js.[img]http://dl2.iteye.com/upload/attachment/0086/4503/7702f466-9d0a-3396-b8d6-6ff7a73ef21c.jpg[/img]以下为滚动条样式设置的详细说明：[code="javascript"] $(".dd").jscroll({ W:...
2013-07-29 13:52:43
469
原创 下载--美化select
[code="html"] 无标题文档 $(document).ready(function(){ $("select").selectCss(); }); 选项1 选项2 选项3 选项31 选项32 选33 [/code][code=...
2013-07-29 13:47:05
73
原创 下载--美化select 2
[code="html"]JS+CSS美化的漂亮Select列表框body{background:#CFDFEF;font:12px/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;}#uboxstyle .select_box{width:100px;height:24px;}#macst...
2013-07-29 13:46:57
69
原创 美化select
需要用到一个selectbox.js插件，在这里直接粘贴到代码里了还要用到一个叫aa.gif的图片，这里没有传图片，到时候随自己需要加一张图片[code="html"] 无标题文档 1 2 3 ...
2013-07-29 13:46:45
92
原创 可隐藏固定广告---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
73
原创 圆角边框及圆角背景
文章来源：[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
156
原创 圆角实例
[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
96
原创 ie6兼容png前置与背景
次方法需要用到一个插件：DD_belatedPNG.js[code="html"] 兼容png图片的前置与背景 一、png图片为前置img图片 ...
2013-07-23 11:16:02
94
原创 ie6兼容-------Xun
1、float属性对margin的影响-----双边距问题 以向左漂浮为例，div设置float：left，若设置margin-left：10px，在IE6中会出现双倍解析问题，也就是该div距离父div左边缘的实际距离是20px，其他浏览器中则正常。注意该差异只是在父——子div中才存在，同一级的div中没有差异。 解决方法是该子div的display：inline，可消除IE6...
2013-07-23 10:33:05
77
原创 css 兼容性问题
http://blog.csdn.net/sunshine_love/article/details/86214951、对盒子模型的不同解释 这里IE6、IE8、IE9相同，火狐和谷歌、遨游等相同。先说盒子模型，CSS将所有的HTML块元素都看成是一个盒子（box),每个盒子有以下几个组成部分：Content(内容）、Padding（补白）、Border（边框）、Margin（...
2013-07-23 10:32:21
113
原创 美化radio
[code="html"] 请选择你的性别： 男 女 人妖 [/code][code="css"]body{ font-size:12px; font-family:'宋体';}#sex_male,#sex_femal,#sex_no...
2013-07-22 17:25:37
94
原创 解决ie6下png格式的兼容
一、(前置的img图片)这里需要一个插件DD_belatedPNG.js然后在代码中加入[code="html"][/code]注意：1、要注意src的路径。2、DD_belatedPNG.fix('')引号中为放图片的标签，如果有多个，就按上述以逗号隔开写二、(当图片做背景时)[code="html"]#pics {ba...
2013-05-24 16:00:46
104
原创 响应式页面
以下是一个简单的响应式页面的例子。但是一直不明白为什么css样式和[code="html"][/code]要写在head里，如果把css写成外部引用的，在ie8以下就不会支持，求解答[code="html"] 无标题文档 .box{ width:960px; margin:20px ...
2013-04-27 17:57:55
103
原创 同一行图片和文字垂直居中以及图片和文字间隙问题
1、垂直居中： 如果一个div中含有图片和文字，并且文字和图片在同一行，这个时候会发现图片和文字都基于容器底部对齐，导致文字和图片不能垂直居中，解决办法有两种： a、给img添加属性： img{vertical-align:middle} b、将img和文字都float:left,并给div添加属性：div{line-height:37px},这里的高度应该是跟im...
2013-04-04 23:47:03
794
原创 IE6下position定位子元素溢出，父元素被撑开的解决思路
在一些被常规的页面布局当中，我们常常需要通过position定位HTML元素来实现我们想要的效果。但是在这个办法在IE6中常常会出现各种问题。例如，我们想让一个子元素溢出其父元素之外显示，而影响父元素本身和其他兄弟元素的样式，我们可以这样写[code="html"]无标题文档body{ text-align:center;}.father{ width:30...
2013-04-03 22:44:57
270
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人