动态加载css
var dynamicLoading = {
css: function(path){
if(!path || path.length === 0){
throw new Error('argument "path" is required !');
}
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.href = path;
link.rel = 'stylesheet';
link.type = 'text/css';
head.appendChild(link);
},
js: function(path){
if(!path || path.length === 0){
throw new Error('argument "path" is required !');
}
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = path;
script.type = 'text/javascript';
head.appendChild(script);
}
}动态加载js
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
</script>
Webkit浏览器滚动条设置
::-webkit-scrollbar
{
width: 10px;
height: 6px;
}
::-webkit-scrollbar-track-piece
{
background-color: #CCCCCC;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 5px;
background-color: #999999;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #CCCCCC;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece {
background-color: transparent;
}
body::-webkit-scrollbar-track-piece {
background-color: white;
}
::-webkit-scrollbar-track-piece:no-button {}
::-webkit-scrollbar-thumb {
background-color: #3994EF;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #A4EEF0;
}
::-webkit-scrollbar-thumb:active {
background-color: #666;
}
::-webkit-scrollbar-button:vertical { width: 9px; }
::-webkit-scrollbar-button:horizontal { width: 9px; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }http://www.lyblog.net/2013/314.html
--------------------盾牌形状----------------------
padding-top: 20px;
border-raduis:12px;
border: 2px solid #fff;
