css,js代码搜集

css中优先级标志：!important

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }，即

写在定义的最后面，例如：box{color:red !important;}//说明红色的优先级最高

 

white-space:nowrap;//设定字不换行

word-break:break-all;//设定字母换行

#css{width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}//设定文字超长超长的部分变省略符合

:after伪类使用：就是在元素后面添加内容，要喝content一起使用【  :after{content:'添加的内容'}     】

例如：#mydiv :after{content:url(images/test.jpg)}//会在mydiv后添加一张图片

#mydiv :after{content:'';display:block;clear:both;}//现今主流的清楚浮动写法

#gallbox span.spanR{ width:8px; height:17px; background:url(images/sroll_bg.gif) -9px 0 no-repeat;}//切图（例如切一张大图的小图标）

使用：

.bg_sprite{background-image:url(/整图地址); background-repeat:no-repeat}

引用该类 .. 然后在元素中逐一定义背景坐标 .. 以下为关键属性 ..

#ico1 {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}

#ico2 {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}

#ico3 {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}

.nav {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}//x,y取值和数学中的是相反的

必须要限定容器大小符合背景图元素位置 .. 另外 .. XY轴是相对于整张图片的左上角来算的 .. 所以取值一定要算清楚。

语义化：就是要知道HTML标签的用途，这样更加容易让搜索引擎搜索到，也更加容易让屏幕阅读器读到，在文章中如果要表示强调就用em标签。

<q></q>引用语句

 <hr/>加横线

<address>地址标签</address>

<code>显示源代码的标签</code>

列表标签：

原点：<ul><li></li></ul>

 

js搜集

js中触发sublimt事件，document.formname.sublimt();//formname   from表单的name属性值

js封装的ajax，引入transport.js（使用参照：http://blog.163.com/wangxiaoxia1221@126/blog/static/1076801742011427101017588/）

调用js转json数据，第一种：引入jquery.json.min.js,调用$.toJSON('要转换的对象');第二种：引入json.js调用要转的对象.toJSONString()；

 

js返回上一页并刷新

<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面，本地刷新</a> 

 

css控制滚动条显示和隐藏

     overflow-y:hidden/visible;

    overflow-x:hidden/visible;

 

让background-image:url('img.jpg');自适应宽高

background-size:100% 100%;

 红色和绿色阴影值：css【

.errcss{
border: 1px solid #a93232;
box-shadow: 0 0 5px 3px rgba(173,0,0,.2);
}
.successcss{
border: 1px solid #29a744;
box-shadow: 0 0 5px 3px rgba(0,199,0,.2);
}

】

 

//html标签背景图片固定设置

.as_bg1 {
background: url(../assure/images/as_bg.jpg) 100% 0 repeat-x fixed;
background-size: 100% 100%;
}

 

 

//解析时间戳（即时间毫秒数）

var d;
function unix_to_datetime(unix) {
if (unix!==null) {
d=new Date(parseInt(unix));
return d.getFullYear()+"-"+add_0(parseInt(d.getMonth())+1)+"-"+add_0(d.getDate())+"&nbsp;&nbsp;"+add_0(d.getHours())+":"+add_0(d.getMinutes())+":"+add_0(d.getSeconds());
} else {
return unix="没有时间";
}
}

function unix_to_date(unix) {
if (unix!==null) {
d=new Date(parseInt(unix));
return d.getFullYear()+"-"+add_0(parseInt(d.getMonth())+1)+"-"+add_0(d.getDate());
} else {
return unix="没有时间";
}
}

function add_0(times){
if(times.toString().length>0){
if(times.toString().length==1){
return "0"+times.toString();
}else{
return times;
}
}else{
return "";
}
}

 

 

 

/*图片根据窗口自动缩放*/css中
#img_samlbig {
max-width:100%;
mywidth:expression(onload=function() {
this.style.width=(this.offsetWidth >document.getElementById("img_samlbig").scrollWidth*8/10)? "80%": "auto"
}
);
/*border:1px dashed #000;*/
}

 

//jquery的js与js之间引用js文件
$.getScript("assets/scripts/versionCheck.js");

 

qq客服网页授权步骤修改：http://www.jizhiweb.com/news/59.html

 

 

代码设置颜色渐变效果：

background: #71c5f2 url(bg.gif) repeat-x;//蓝色渐变