巴拉巴拉
小魔仙

Web随手记

1.td内容过多省略

table {
    table-layout: fixed;
}
td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

2.模拟点击事件

$("#xxx").trigger("click");

3.textarea中placeholder文字换行

<textarea placeholder="字体&#13;&#10;字体"></textarea>

4.textarea禁止拖动

1:彻底禁用拖动(推荐)
resize: none;
2:只是固定大小,保留右下角的拖动图标
width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;

5.jQuery滚动条插件——jQuery.nicescroll

jQuery.nicescroll

$('body > div').niceScroll({
    cursorcolor: "#ccc",//#CC0071 光标颜色
    cursoropacitymax: 0.5, //改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0
    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
    cursorwidth: "5px", //像素光标的宽度
    cursorborder: "0", //   游标边框css定义
    cursorborderradius: "5px",//以像素为光标边界半径
    autohidemode: true //是否隐藏滚动条
});

6.网页整体变灰

html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

7.遮罩层

#bg{ 
    display: none;  
    position: absolute;  
    top: 0%;  left: 0%;  
    width: 100%;  
    height: 100%;  
    background-color: black;  
    z-index:1001;  
    /** 背景透明,文字也透明 */
    -moz-opacity: 0.7;  
    opacity:.70;    
    filter: alpha(opacity=70);

    /** 背景透明,文字不透明 */
    background: rgba(0,0,0,0.7);
}

8.正则查找id中的Dom

// tr包含cell的id
$('tr[id*="cell"]');
 
// tr以cell开关的id
$('tr[id^="cell"]');
 
// tr以cell结尾的id
 $("tr[id$='cell']);

9.ajax传递数组:

$.ajax({
    url:"defendarea/save_position.do",
    data:{'arr':arr},
    type:"post",
    traditional:true//添加该参数
});

10.网站的字体,推荐放在网站根目录下,曾经在bootstrap下做的项目字体文件在部分chrome版本下无法加载,解决方案是将字体放在更目录下。