qq_38184559的博客

转载 IE7,IE8浏览器纯CSS实现正圆角效果

一、关于IE7, IE8不支持CSS3 border-radiusCSS3 border-radius可以轻易实现圆还有圆角效果，然而，需要IE9+浏览器才行。移动端自然不成问题，但是众多（尤其面向C侧）PC页面是至少需要兼容IE8的，那有没有什么办法可以让IE7, IE8也支持圆角呢？很久很久以前介绍过一个名为PIE的东西可以实现IE7,IE8的圆角，是10年7月份写的一篇“

转载 每个程序员都会的35种小技巧

干货推荐，每个程序员都会的35个jQuery小技巧！1. 禁止右键点击$(document).ready(function(){    $(document).bind("contextmenu",function(e){        return false;    });});2. 隐藏搜索文本框文字Hide when clicked in t

转载 CSS设置页面最大最小宽度

CSS设置页面最大最小宽度兼容ie6/7/8/9，FF，chrome,sogou等浏览器 设置最小宽度div {width:100%;min-width:1000px;width:expression_r(document.body.clientWidth } 设置最大宽度div {width:100%

转载 常见前端开发面试题

事先声明：这些题目的来源：面试曾经被问过；工作被别人问过或者遇见过；网上看见过...答案真心不给提供，真的是许多问题都需要个人的理解和沉淀，所以还请各位自己动手...前端可以试试自己差不多能回答多少题，哈哈。其实很多题我也没有好答案，面试的时候如果遇到牛人我也可以顺便交流交流，反正我也只是一面，不丢人也不怕丢人。如果朋友们有好的面试题欢迎提建议，我会其实补充更新的，先谢谢各位了。　

原创 JQuery中的trim（）方法去掉前后空格

html代码如下：www.youkuaiyun.com这样写，会造成用hmtl()方法打印出来的内容前后有空格这样写就不会出现上面说的问题www.youkuaiyun.com或者可以通过trim()方法解决$(document).ready(function(){alert($.trim($('#box').html()));});

转载 CSS实现背景透明，文字不透明（兼容各浏览器）

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置position:relative才能不继承其父元素的透明滤镜，代码如下： DO

转载 jQuery 选择器(:nth-child(n))详解

jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素，将其封装为jQuery对象并返回。与该选择器相对的是:nth-last-child(n)选择器，用于匹配作为父元素下的倒数第n个(或符合特定倒数顺序的)子元素。注意：:nth-child(n)选择器与:eq(index)选择器的不同之处在于：:eq(index)选择器只匹

转载 jquery append()方法与html()方法的区别及使用介绍

append()方法在被选元素的结尾插入指定内容，html()方法返回或设置被选元素的内容，下面为大家介绍下两者的区别及使用append(content)：方法在被选元素的结尾（仍然在内部）插入指定内容,有很多朋友觉得append与html差不多，其它从英文意义上append是在原有基础上增加，而html中是替换当前所有内容。定义和用法append() 方法

转载 jQuery判断元素是否显示 是否隐藏

var node=$('#id');第一种写法if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏　　node.show();　}else{　　node.hide();}第二种写法if(!node.is(':visible')){　　//如果node是隐藏的则显示node元素，否则隐藏

转载 提交表单不提交隐藏div的input

今天做一个功能 想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的下拉列表，我想在选择pc的时候出现水平以下的内容并且提交水平线以下的input下拉列表选择app的时候会隐藏水平线以下的input,但这时候不想提交隐藏div的input的值，这时候在隐藏div的时候就需要做以下操作[javascript] view plain copy

转载 jQuery图片左右自动滚动插件可选箭头bxCarousel插件

这是一款jquery图片左右滚动的插件，可选图片是否自动滚动，是否显示左右箭头，图片显示的数量、滚动的时间都可以用参数配置，是一款最简单好用的图片左右滚动代码。jQuery图片左右自动滚动插件可选箭头bxCarousel参数说明move：每次滚动移动图片的数量，默认为4。display_num：展示图片的数量，默认为4。speed：图片滚动速度，默认

转载 display：flex垂直居中

布局说明：1. 场次为一场比赛　　　　　 2. 比赛双方是交战的两个队伍               3. 一场比赛可以有多种玩法，所以场的每个玩法的布局的高度都不确定。主要说下我学到的垂直居中的flex。1. 第一次尝试。1 div class="parent">2 h1>我是通过flex的水平垂直居中噢h1>3 h1>我是通过fl

转载 通过JS语句判断WEB网站的访问端是电脑还是手机

通过JS语句判断WEB网站的访问端是电脑还是手机，以显示不同的页面！目录腾讯网的适配代码如何判断访问网站的机器类型-如何判断ipadJS 判断浏览器客户端类型(ipad,iphone,android)"text/javascript">         //平台、设备和操作系统         var system = {             win: false,  

转载 纯CSS3向右循环闪过效果

.shadow {                text-align: center;                /* 背景颜色线性渐变 */                    /* 老式写法 */                        /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */ 

转载 JQuery实现浏览器的滚动条滚动到底部后加载数据

$(window).scroll(function(){var scrollTop = $(this).scrollTop();// 滚动条Y轴滚动的距离var windowHeight = $(this).height();// 可视区域的高度var scrollHeight = $(document).height();// 整个内容的高度if(scroll

转载 DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位教程案例

一、什么是css sprites   -   TOPcss sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面，然后通过CSS background背景定位技术技巧布局网页背景。这样做的好处也是显而易见的，因为图片多的话，会增加http的请求，无疑促使了网站性能的减低，特别是图片特别多的网站，如果能用css

转载 javascript实现ie6兼容position:fixed

positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置网页中经常会有浮动的导航条会用到这种定位模式，但是ie6下并不兼容这种定位浮动导航条的样式，重要的是position:fixed;bottom:60px;(浮动导航底部距离窗口底部60px).floating_9677{position:fixed; z-index:961; bottom:60px;

转载 css 伪类:last-child等不起作用

#icons{    border: 1px solid bisque;    height: 250px;}#icons .column{//每一列    width: 25%;    display: inline-block;    float: left;    text-align: center;}#icons .colu

转载 input【file】限制上传图片数量

正常的就是选择单个文件的而在html5中新增的mutiple属性才可以多选           最多只能添加三张图片      //下面用于多图片上传预览功能    function setImagePreviews(avalue) {        var docObj = document.getElementById("files"); 

转载 修改输入框placeholder文字默认颜色-webkit-input-placeholder

我想让input框默认显示的字体颜色和输入的颜色保持一致，一直认为应该要设置input的颜色，改了很久，一定用不管，最后想到了placeholder属性，于是乎百度了一下，果然placeholder默认的字体颜色是浅灰色的， 然后针对placeholder来设置你自己想要的颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color

转载 CSS3 Background-size 详解

CSS3 Background-size 详解前段时间在做关于响应式的页面时，由于要兼容ie8，并且要保证图片等比缩放，且对图中内容的显示有要求，导致无法使用background-size等属性，最终放弃了使用background，用来替代。这样增加了代码量而且看起来很不clean。但是很多情况下用background还是可以达到目的的，并且有解决方案（后面会提到）。下面我就详细讲

转载 纯CSS美化单复选框（checkbox、radio）

最重要的一点，隐藏选择框本身。不多说了，上代码：选择框样式label {font-size:12px;cursor:pointer;}label i {font-size:12px;font-style:normal;display:inline-block;width:12px;height:12px;text-align:center;line-height:1

转载 textarea还剩余字数统计(jQuery要用jquery-1.10.2.min.js)

textarea还剩余字数统计，支持复制粘贴的时候统计字数，下文不适合高手观看，适合不是很熟悉js的朋友看。你也可以直接看演示。使用方法：步骤一、 html结构类似如下：div class="wordCount" id="wordCount"> textarea placeholder="textarea还剩余字数统计">textarea> span

转载 使用JS判断客户端、浏览器、操作系统类型

一、JS判断客户端类型  JS判断客户端是否是iOS或者Android手机移动端  通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。核心代码如下：方法一： 判断客户端类型1             var u = navigator.userAgent;        

转载 Jquery easyui tree的使用

这个ui用的一切都是json数据。树也是如此！后台需要返回与格式匹配的json数据才能正确加载树。页面定义一个ui：[html] view plain copyul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:t

转载 用Jquery实现checkbox的反选、全选、全不选

当我们在用js来实现web端操作的时候，多选框的全选、全不选和反选是最常用的功能，尤其是当数据量大的时候就需要这样的批量操作来给用户带来方便、快捷的服务了。       下面我们就来用jQuery实现checkbox多选框的全选、全不选、反选的功能：        假设有4个checkbox多选框，他们包含在一个id=“chk”的div中，而全选、全不选、反选的button按钮所在

转载 jQuery中的join方法

和JS 中的JOIN 方法一样，将一数组按照JOIN的参数连接起来。比如： var arr = [ "a", "b", "c", "d", "e" ];document.write(arr.join("-")); 结果:a-b-c-d-e。  var members=["John","Steve","Ben","Damon","Ian"];$

转载 jquery获取元素坐标获取鼠标坐标

获取页面某一元素的绝对X,Y坐标，可以用offset()方法：var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left; 获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;让Di

转载 JQuery中eq()和get()的区别

众所周知，eq()方法返回的是一个JQuery对象，也就是[object Object];             get()方法返回的是DOM对象组成的数组，也就是[object HTMLLIElement];我们用一个例子说明一下：首先引入JQuery库文件，htmlbody>ul id="ul"> li>item1li>

转载 label标签的用途

在Dreamweaver8中，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个，一直没明白这个label是做什么的，今天正好看到了解释：Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。FOR属性   功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。   用法：姓名ACCESS

转载 js触发事件列表

1.单击事件___onclick用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.如: 2.改变事件___onchange当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.如; 3.选中事件____onselect当text或textarea对象中的文字被选中里会引发该事件如: 

转载 HTML特殊符号对照表

转载 icon font字体图标在chrome浏览器被加粗和锯齿的解决办法

icon font字体图标十分好用，就连bootstrap框架在最新的3.0版本也默认使用了。不过我们在使用过程中发现了一些问题，比如在Safari浏览器和Chrome浏览器下字体图标被加粗了等等，下面就提供一些解决办法：1、在chrome浏览器下被加粗的解决办法有些icon font字体图标可能在制作的过程中出现了半个像素的问题，在浏览器下就被显示称为一个像素，造成了加粗的现象。

转载 在css中为table 添加border-collapse:collapse后表格单元格边界异常的解决办法

在css中添加border-collapse:collapse或在js中添加borderCollapse = "collapse"能够消除单元格间的间距，但是，如果用js对table进行操作完后，table需要重新计算列宽时，个别单元格的边界会很不听话，仍然维持原来的宽度，这时删除表格的border-collapse:collapse就能恢复正常，但单元格间会产生间距。尤其在使用标记来动态显示/隐

转载 jQuery中.bind() .live() .delegate() .on()区别

$(selector).bind(event,data,function)$(selector).live(event,data,function)//jquery1.9版本以下支持，jquery1.9及其以上版本删除了此方法，jquery1.9以上版本用on()方法来代替$(selector).delegate(childSelector,event,data,function)//jque

转载 CSS3 选择器——属性选择器

上一节在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分，这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。从上一节展示的CSS3选择器的图表中，我们可以知道，

转载 CSS3选择器——基本选择器

CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器，这一

转载 Jquery获取对象的几种方式详细介绍

1、JQuery的核心的一些方法each(callback) '就像循环$("Element").length; ‘元素的个数，是个属性$("Element").size(); '也是元素的个数，不过带括号是个方法$("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储$("Element").get(index); '功能和上面的

转载 CSS hack方式

CSS hack方式