2013年10月11日

关于IE6 line-height失效的问题

摘要: BUG症状:当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置的line-height数值会失效;受影响的浏览器:MicrosoftInternetExplorer5.01/WindowsMicrosoftInternetExplorer5.5/WindowsMicrosoftInternetExplorer6解决方法:对和文字相连接的img、input、textarea、select、object等元素加以属性margin:(所属line-height-自身高度)/2px0;vertical-align:middle --摘自 阅读全文

posted @ 2013-10-11 15:59 刘阿毛 阅读(170) 评论(0) 推荐(0) 编辑

用CSS让盒子完全居中

摘要: 1 .Absolute-Center {2 margin: auto;3 position: absolute;4 top: 0; left: 0; bottom: 0; right: 0;5 }好处:跨浏览器,兼容性好(无需hack,可兼顾IE8~IE10)无特殊标记,样式更精简自适应布局,可以使用百分比和最大最小高宽等样式居中时不考虑元素的padding值(也不需要使用box-sizing样式)布局块可以自由调节大小img的图像也可以使用原文出自CSDN 阅读全文

posted @ 2013-10-11 14:07 刘阿毛 阅读(587) 评论(0) 推荐(0) 编辑

2013年9月16日

腻子脚本(让老浏览器"升级")

摘要: 主要是针对ie6 7 8对支持和让老浏览器支持html5+css3的一些js脚本.我也不知道为什么叫腻子脚本,反正书上是这么翻译的.html5shiv.js(www.code.google.com/p/html5shiv)--让IE8及耕地版本的IE识别section,article,nav等html5元素;selectivizr(www.selectivizr.com)--让IE6/7/8支持 ::first-child等高级css选择符;IE9.js(www.code.google.com/p/ie7-js)--修复从IE6-IE9的很多bug和缺损功能;CSS3Pie(www.css3p 阅读全文

posted @ 2013-09-16 11:08 刘阿毛 阅读(924) 评论(0) 推荐(0) 编辑

jquery跑马灯效果(ajax调取数据)

摘要: jq代码: 1 /** 2 * @classDescription 模拟Marquee,无间断滚动内容 3 * @author Aken Li(www.kxbd.com) 4 * @DOM 5 * 6 * 7 * ... 阅读全文

posted @ 2013-09-16 10:29 刘阿毛 阅读(1465) 评论(0) 推荐(0) 编辑

2013年9月2日

IE6下双倍边距和关于IE6 7display:inline无效的问题

摘要: ie6下有双倍边距的问题:直接加上属性.display:inline即可解决.但是有些布局,需要用到display:inline来转化成行内元素.直接这样写不行,是无效的.要先display:inline-block; 然后再display:inline;原因是使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表征。 阅读全文

posted @ 2013-09-02 16:47 刘阿毛 阅读(245) 评论(0) 推荐(0) 编辑

2013年8月23日

js 利用ajax将前台数据传到后台(json格式)

摘要: 有两种办法1. 1 $(document).ready(function () { 2 $("#saveAll").live("click", function () { //点击id为saveAll 3 $('input:text').each(function (i) { //找到所有input的type为text的文本框 4 $(this).trigger('blur'); //执行所有input的type为text的文本框失去焦点事件 5 }); 6 ... 阅读全文

posted @ 2013-08-23 17:00 刘阿毛 阅读(5831) 评论(0) 推荐(0) 编辑

js 利用ajax将前台数据传到后台(1)

摘要: 不是json格式的. 1 $.ajax({ 2 type: "Post", 3 url: "/activity/AuditAdd", 4 data: { UserName: $('#userName').val(), UserCertId: $('#userCertId').val(), BankInfo: $("#province_AreaCode").find("option:selected").text() + $("#city_AreaCode").fi 阅读全文

posted @ 2013-08-23 16:07 刘阿毛 阅读(13218) 评论(0) 推荐(0) 编辑

js 点击某一块就显示某一块

摘要: 1 function modelClick(n) { 2 $("div[id*=model]").each(function (i) { //找到以id为model开头的div 3 i == n ? $(this).show() : $(this).hide(); 4 }); 5 return false; 6 } 7 8 9 10 $("div.time div").each(function (i) {11 $(this).click(function () {12 modelClick(i);13 ... 阅读全文

posted @ 2013-08-23 15:47 刘阿毛 阅读(364) 评论(0) 推荐(0) 编辑

点击进行复制的JS代码

摘要: 1 function copy_clip() { 2 var url = $("#back_info").html(); //需要复制的内容 3 var txt = url.substring(url.indexOf(":") + 1, url.length); 4 if (window.clipboardData) { 5 window.clipboardData.clearData(); 6 window.clipboardData.setData("Text", txt); 7 alert('恭喜,复制成功... 阅读全文

posted @ 2013-08-23 14:55 刘阿毛 阅读(443) 评论(0) 推荐(0) 编辑

jq利用ajax调用后台方法

摘要: 1 语法:2 $(function(){3 var callback = function(r){ //r表示后台数据返回的数据.4 }5 $.get("",callback); //引号里面写方法的路径6 });这样就可以得到后台方法得到的数据显示在html前端了.以下是工作中写的一段js和后台方法:js: 1 $(function(){ 2 var callback = function (r) { 3 var data = "" 4 var data2 = "优惠名单"; 5 for (var i = ... 阅读全文

posted @ 2013-08-23 14:52 刘阿毛 阅读(387) 评论(0) 推荐(0) 编辑

导航