10 2016 档案

input输入框只允许输入数字/ 数字+小数点/ 文字+字母/ 等解决方法
摘要：1、只允许输入数字： 2、数字+小数点 阅读全文
posted @ 2016-10-29 18:42 caojiayan 阅读(685) 评论(0) 推荐(0)
jquery无法为动态生成的元素添加点击事件的解决方法
摘要：遇到 jquery无法为动态生成的元素添加点击事件，谷歌一下，整理一下解决方法如下： （<li>中间的元素是动态生成的）， 现在想为<i>添加点击事件， 例子如下： 解决方法如下： 阅读全文
posted @ 2016-10-27 11:38 caojiayan 阅读(651) 评论(0) 推荐(0)
关于input在li列表中居中显示
摘要：input属于置换元素（replaced element），置换元素主要是指img，input，textarea，select，object等这类默认就有CSS格式化外表范围的元素，这些元素的垂直居中，可以直接设置vertical-align:middle; 阅读全文
posted @ 2016-10-24 13:54 caojiayan 阅读(404) 评论(0) 推荐(0)
火狐中，设置align="center"失效的解决方法
摘要：如下： <img align="center" style="vertical-align:top"></img> 只需要加上： vertical-align：top,就可以解决。 如下： <img align="center" style="vertical-align:top"></img> 只 阅读全文
posted @ 2016-10-24 10:39 caojiayan 阅读(365) 评论(0) 推荐(0)
IE中float元素如果同时设置了margin值，此时margin的值会变为双倍的解决方法
摘要：IE中float元素如果同时设置了margin值，此时margin的值会变为双倍， 解决办法： 是在该元素中加入display:inline。 阅读全文
posted @ 2016-10-21 11:15 caojiayan 阅读(154) 评论(0) 推荐(0)
IE6/IE7浏览器中"float: right"自动换行的解决方法
摘要：在项目中，调试IE6/IE7，发现一个bug,那就是：在同一个div包裹着，几个块级元素并列为一行的情况下，设置了float：right的块级元素会自动换行： 代码如下： 解决方法： 不用修改css，只需要把float的模块放到非float的前面即可。 代码重新排版如下便可以： 阅读全文
posted @ 2016-10-20 13:21 caojiayan 阅读(259) 评论(0) 推荐(0)
IE6/IE7浏览器不支持display: inline-block;的解决方法
摘要：display: inline-block;在IE6与IE7中存在bug。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； IE中对内联元素使用d 阅读全文
posted @ 2016-10-20 12:02 caojiayan 阅读(685) 评论(0) 推荐(0)
如何解决两个li之间的缝隙
摘要：如何解决两个li之间的缝隙的问题： 在做一个类似按钮左右滑动的选择器的动效，遇到了个是关于li之间的缝隙的问题： HTML如下： ＣＳＳ如下： 显示的效果如下： 明显两个li之间有一个缝隙，经过仔细检查发现有如下3种解决方式： 1、在css样式里要使用margin:0;padding:0去除浏览器的 阅读全文
posted @ 2016-10-11 15:58 caojiayan 阅读(4101) 评论(0) 推荐(0)
input、button、a标签 等定义的按钮尺寸的兼容性问题
摘要：在项目中有遇到这类问题，搜索了一下解决方式，采用链接：https://segmentfault.com/q/1010000000190931 里各位楼主的答案，摘抄如下： 例子如下： ＨＴＭＬ： ＣＳＳ： 方法一： ①Firefox浏览器会默认设置input[type="button"]的行高为no 阅读全文
posted @ 2016-10-11 11:10 caojiayan 阅读(5667) 评论(0) 推荐(0)
在一个页面重复使用一个js函数的方法
摘要：给每个拥有相同行为的问题DOM节点一个相同的class类，如question，同时给不同的问题一个不同的标识ID如 id="question1" id="question2"...诸如此。 给类.question绑定点击事件，在触发函数里面先判断当前点击的这个类的id，即可知道你要操作的是哪一个问题 阅读全文
posted @ 2016-10-10 14:47 caojiayan 阅读(2587) 评论(0) 推荐(0)
关于让input=text，checkbox居中的解决方法
摘要：来自 张鑫旭-鑫空间-鑫生活 [http://www.zhangxinxu.com] 注意：当type=“checkbox”时， 例子如下： <input type="checkbox"/> <label style="font-size: 12px; ">全选</label> 后面label里是文 阅读全文
posted @ 2016-10-09 16:44 caojiayan 阅读(675) 评论(0) 推荐(0)
遮盖层实现（jQuery+css+html）
摘要：遮盖层 点击按钮 1111 1 1 1 1111 1 1 1 1111 1 1 1 1111 1 1 1 1111 1 1 1 1111 1 1 1 1111 1 1 1 1111 1 1 1 1... 阅读全文
posted @ 2016-10-07 17:52 caojiayan 阅读(4702) 评论(0) 推荐(0)
button,input type=button按钮在IE和w3c，firefox浏览器区别
摘要：在项目中遇到一个问题，是关于点击button按钮会自动刷新的问题。查阅了资料，做以下的整理： button,input type=button按钮在IE和w3c，firefox浏览器区别如下：当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会 阅读全文
posted @ 2016-10-07 14:04 caojiayan 阅读(204) 评论(0) 推荐(0)
前端-选项卡（菜单栏）
摘要：项目中要用到选择卡这种思路，所以事先自己做了个demo，仅供参考： 阅读全文
posted @ 2016-10-06 18:24 caojiayan 阅读(704) 评论(0) 推荐(0)
鼠标点击 input，显示瞬间的边框颜色，对之修改与隐藏
摘要：示例的是项目中的遇到的，要做成的效果是点击该图片按钮，达到切换图片的效果： 点击图片按钮的瞬间的样式如下图： 但是在点击的图片按钮的瞬间，图片出现了带有淡蓝色的颜色边框，在松开鼠标的瞬间便又消失，为了去掉这瞬间的点击颜色效果，可以通过focus伪类去实现，具体代码如下： 1、去掉（隐藏）边框的颜色 阅读全文
posted @ 2016-10-05 12:14 caojiayan 阅读(3688) 评论(0) 推荐(0)