首页 > 代码库 > 常用技巧总结(一)
常用技巧总结(一)
1、 判断中英文
function isChina(s){ var patrn=/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi; if(patrn.exec(s)){ return true; }else{ return false; } }
2、 自动滚动条设置
链接(CSS滚动条实现步骤及美化小技巧):
http://www.w3cschool.cn/css/css-scrollbar.html
// 设置滚动条: /*set scroll*/ line-height:24px; overflow:auto; overflow-x:hidden; // 修改滚动条,这个针对于谷歌,且会改变当前页面中任意的滚动条样式 /*set scroll stylesheet*/ ::-webkit-scrollbar { width: 5px; height:90px; } /* 这是针对缺省样式 (必须的) */ ::-webkit-scrollbar-track { background-color: #FFFFFF; } /* 滚动条的滑轨背景颜色 */ ::-webkit-scrollbar-thumb { background-color: #d4d7da; } /* 滑块颜色 */ ::-webkit-scrollbar-button { background-color: #FFFFFF; } /* 滑轨两头的监听按钮颜色 */ ::-webkit-scrollbar-corner { background-color: #FFFFFF; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
3、 展示信息用table比较合适
单元格中换行需要设计min-width和max-width属性。
当有其他事件注册时,考虑div和a的组合方式。
另外:使标签a的下划线消失的方式:text-decoration: none;
4、border属性
border: 1px dashed #d4d7da;
当设置div时背景颜色透明度时,希望不影响div内容的透明度,可以设置rgba颜色值。最后一个值为透明度。
background-color: rgba(74,83,93,0.8);
常用技巧总结(一)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。