🌓

jqurey操作select 语法解释

2015-07-13

jQuery获取Select选择的Text和Value:

语法解释：

1. $(“#selectId”).change(function(){ … }); //为Select添加事件，当选择其中一项时触发

2. var checkText=$(“#selectId”).find(“option:selected”).text(); //获取Select选择的Text

阅读全文

如何编写一个jQuery插件

2015-07-13

创建一个jQuery功能

1
2
3
4
5
jQuery.fn.myFunction = function(){
    return this.each(function(){
    // 特定于元素的代码在这里
    });
};

阅读全文

图片滑动翻牌效果(jQuery)

2015-07-13

1

使用方法：

阅读全文

仿淘宝回顶部和建议代码(jQuery)

2015-07-13

仿淘宝回顶部和建议代码(jQuery)，web前沿推荐下载！

使用方法：

1.引用样式文件css/lrtk.css

2.引用jquery的库文件js/jquery.js

3.引用效果的具体js代码文件js/js.js复制至html文件中

阅读全文

二十一种切换方式的jquery幻灯片

2015-07-13

这个幻灯片效果堪称经典，支持二十一种幻灯片效果，支持字幕嵌入切换！支持全屏，修改效果也很方便。基本可以满足你想要的幻灯片切换方式~

2

阅读全文

用jquery自制弹出层效果，自适应浏览器

2015-07-13

效果演示：

1

阅读全文

完美解决IE6不支持hover的方法

2015-07-13

在ie6 下只有a 才支持:hover 伪类，其它标签都不支持，现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。

它利用 javascript 脚本来给元素的的样式定义，如果检测到 hover 定义，就给元素设置 onmouseover 和 onmouseout 事件，以此来实现 hover 的效果。
以下是 csshover.htc 代码：

阅读全文

IE6中文字溢出问题-多出文字

2015-07-13

页面代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[<span style="color: black;">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html</span>](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd)<span style="color: black;">xmlns="</span>[<span style="color: black;">http://www.w3.org/1999/xhtml</span>](http://www.w3.org/1999/xhtml)<span style="color: black;">">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!-- -->
<div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div>
</body>
</html>

阅读全文

ie6 下文字和图片一起line-height失效的解决方法

2015-07-13

BUG症状：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效；

受影响的浏览器：

Microsoft Internet Explorer 5.01 / Windows

阅读全文

IE、Firefox、Opera和Safari对CSS样式important和*的支持

2015-07-13

1、IE6、IE7都支持 ，但IE8终于回归正统，放弃了对的支持

2、IE7、IE8、Firefox、Opera、Safari都支持 important

顾名，important的优先级要高. 举例说明：

1
2
3
4
5
6
7
body
{
background-color:#FF0000 !important;
*background-color:#00FF00 !important;
*background-color:#0000FF;
background-color:#000000;
}

阅读全文

overflow-y:auto;属性在IE6下无效的终极解决方案

2015-07-13

今天在IE6下测试主题，发现凡是贴代码的文章页面都是代码框撑破了页面。我贴代码是手动用pre标签，再用主题集成的shjs来给代码着色的。因为我是在代码框定义时，在CSS中设置了水平滚动条“overflow-x:auto;”属性，这样代码太长宽度超过时会自动产生水平滚动条，但是这在IE6下失效了。

阅读全文

table和div设置height:100%无效的完美解决方法

2015-07-13

常出现这种情况：设置table和div的高height=”100%”无效，使用CSS来设置height:”100%”也无效，为什么会这样呢？解决height:100%无效，table和div的解决方法并不相同。

首先说一下table，他比较容易解决，当我们使用Dreamweaver来制作网页，新建一张网页，通常在代码头部会有类似以下的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
没错，你猜对了，问题就出在这里，你试着把这短代码删除，然后再刷新一下网页，你就会看到所有table以你的设置height=”100%”的展示！

阅读全文

js scrollTop在GOOGLE浏览器下不兼容问题

2015-07-13

解决方法1:

1
var top = document.body.scrollTop | document.documentElement.scrollTop;

阅读全文

$('#a').focus()方法在google浏览器无效果

2015-07-13

360浏览器把内核换成了google浏览器，本人感觉一方面大大降低了用户体验，第二方面就是换成google核心后很多网站都无法正常的兼容显示，就这两方面就有很多人都在吐槽着360浏览器，好了，不再吐槽他们了，正式进入我们的主题。

1
2
3
$('#a').focus(function(){
alert('弹出框');
});

阅读全文

IE6 Bug overflow:hidden失效

2015-07-13

bug内容：
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。

解决方法：
在父元素中使用position:relative;

阅读全文

各浏览器input输入框中的光标高度显示不一致

2015-07-13

input输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中，

在FF下出现的情况是：点击input时，输入光标其实上跟input的height一样高，但当开始输入文字时，光标又变得跟文字一样高， chrome下光标跟input的height一样高， 而IE下光标跟文字的大小一致。 一直没弄明白为什么这样子，今天经过团队讨论，才知道原因所在。

阅读全文

Web前端开发浏览器兼容探索

2015-07-13

前言

浏览器兼容是前端开发人员必须掌握的一个技能，但是初入前端的同学或者其他后台web开发同学往往容易选择忽略，而形成两个极端：

1. 我最开始都是使用IE6，IE6上没问题，其它浏览器坑爹（多出现与前端后端一起搞的同学，小生2年前就这种状态，鼓励人家用ie6.。。。）

阅读全文

IE6,IE7下设置body{overflow:hidden;}失效

2015-07-13

最近做项目发现在IE7下设置body{overflow:hidden;}后还是会出现纵向滚动条，所以上网查查了，在这里记录一下：

设置body{overflow:hidden;}：

IE6 IE7下不生效。IE6下横向纵向滚动条都在，IE7下纵向滚动条还在；

分析原因：

阅读全文

IE下javascript的各种错误与js兼容问题

2015-07-13

ie6下会出现一些很奇怪的错误

比如：

1、使用关键词fields,class等关键词做变量或者属性名会出现语法错误，可以加上单引号{‘class’,1}

2、在object里多加了逗号也会出错，var obj={a:0;b:1,}//错误

阅读全文

IE6,IE7下使用appendChild向页面添加TABLE元素时失效的解决办法

2015-07-13

近日，项目中有一个用JS向页面中添加动态生成的表格元素的代码，代码如下：

1
2
3
4
5
6
7
8
var eleA = document.createElement("A");
var eleTd = document.createElement("TD");
var eleTr = document.createElement("TR");
var eleTable = document.createElement("TABLE");
eleTd.appendChild(eleA);
eleTr.appendChild(eleTd);
eleTable.appendChild(eleTr);
document.body.appendChild(eleTable);

阅读全文