随笔分类 - Web前端
摘要：左右百分比 两列布局， 左右为百分比，高度自适应。 效果： 代码：
阅读全文
摘要：右定宽，左自适应 两列布局，左边定宽，右边自适应，高度自适应。 效果： 代码：
阅读全文
摘要：上下固定，中间自适应 三行布局， 上下固定，中间自适应 效果： 代码：
阅读全文
摘要：左定宽，右自适应 两列布局，左边定宽，右边自适应，高度自适应。 效果： 代码：
阅读全文
摘要：上固定，下自适应 两行布局，上固定，下自适应 效果： 代码：
阅读全文
摘要：左右固定，中间自适应 三列布局，左右固定，中间自适应，高度自适应 效果： 代码：
阅读全文
摘要：1.清除浮动 .f_ib{ display:inline-block; *zoom:1; *display:inline; } .f_ib{ display:inline-block; *zoom:1; *display:inline; } .f_ib{ display:inline-block;
阅读全文
摘要：在开发过程中，有时候需要打开2个chrome，各自登录一个账号来做测试，正常情况下由于同一用户下的chrome共享cookies的原因，是没办法登录2个账号的。 这种情况，可以找到chrome图标，点击右键，查看属性，在目标栏加上以下语句： --user-data-dir="_user1" --di
阅读全文
摘要：HTML <textarea> 标签的 wrap 属性 wrap 属性 通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。 如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 vir
阅读全文
摘要：重点代码： 使用一张图片盖住div，实现斜角效果 实现效果图：
阅读全文
摘要：正常来说，当我们调用window.close来关闭从地址栏中打开的窗口时，IE会弹出提示说：您查看的网页正在试图关闭窗口，是否关闭此窗口？你可以将window.close替换成下边的脚本，然后再测试下看： //关闭 $("#close_btn").click(function(){ ...
阅读全文
摘要：其实平时用的比较多的应该是push和pop，不过还是都记下来，以便后面使用。shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a：[2,3,4,5] b：1unshift：将参数添加...
阅读全文
摘要：CSS3有个新的属性transform，而我们用到的就是transform:scale() 书写一段代码 定义样式 放在浏览器预览。会发现最新版谷歌已经不在支持。还是12px，如图： 所以我们就用到了 修改后样式为 实际上，是以为-webkit-transform:scale(0.8);只能缩放可以
阅读全文
摘要：JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器的版本信息 jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型 jQuery.isFunction(
阅读全文
摘要：JQuery CSS 方法说明 css( name ) 访问第一个匹配元素的样式属性。 css( properties ) 把一个"名/值对"对象设置为所有匹配元素的样式属性。 $("p").hover(function () { $(this).css({ backgroundColor:"yel
阅读全文
摘要：JQuery Selectors 方法说明 基本选择器 $("#myDiv") 匹配唯一的具有此id值的元素 $("div") 匹配指定名称的所有元素 $(".myClass") 匹配具有此class样式值的所有元素 $("*") 匹配所有元素 $("div,span,p.myClass") 联合所
阅读全文
摘要：JQuery Ajax 方法说明: load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。 $("#feeds").load("feeds.html"); 将feeds.html文件载入到id为feeds的div中 $("#feeds").load
阅读全文
摘要：ready(fn); $(document).ready()注意在body中没有onload事件，否则该函数不能执行。在每个页面中可以 有很多个函数被加载执行，按照fn的顺序来执行。 bind( type, [data], fn ) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器
阅读全文
摘要：$("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值，参数是map $("img").attr("src","test.jpg"); 给某个元素添加属
阅读全文
摘要：上上周用FusionCharts做报表时，有个图是进度条的形式，其实在FusionCharts 3.0之后已经支持了(Linear Gauge)，可惜现有系统用的还是1.2.3版本的，重新引入新版本有点不现实，所以只能采取另外的方式了。后来采用了DIV的方式实现，用一个外层的DIV作为完整的进度框，然后再定义一个span放在DIV中，作为实际的进度框，获取到进度值之后，通过css去渲染这个span的宽度，实现进度条的效果。1、首先定义一个空的DIV，做为容器使用，后面可以直接替换掉这个DIV里面的内容2、通过dwr方式获取到进度值之后，渲染进度条//渲染进度条 ...
阅读全文
浙公网安备 33010602011771号