文字无缝向左滚动
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>
$(function(){
var speed=15; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
})
</script>
<style>
.demo_warp{ padding: 30px 15px 40px;overflow: hidden;}
.jfen_user_box{float: left;}
.jfen_user img,.jfen_user div{float: left;}
.jfen_user_box{float: left;}
.jfen_user {line-height: 18px;font-size: 12px;color: #606060;float: left;}
.jfen_user em{color: #fe0000;}
.jfen_user img{ box-shadow: 0px 0px 3px 0px rgb( 80, 80, 80 ); border-radius: 5px;margin-right: 10px;width: 61px;height: 61px;}
.jfen_user div{padding-top: 5px;}
.jfen_user li{width: 185px;padding-right: 5px;float: left;}
.jfen_user{width: 1138px;overflow: hidden;}
#indemo {float: left; width: 800%; }
#demo {overflow:hidden; }
</style>
</head>
<body>
<div class="demo_warp">
<div class="jfen_user_box" id="demo">
<div class="jfen_user js_scoll" id="indemo">
<div id="demo1">
<ul> <li>根本英俊赢得iPhone6</li>
<li>根本英俊赢得iPhone6</li>
<li>根本英俊赢得iPhone6</li>
<li>根本英俊赢得iPhone6</li>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
</div>
</body>
</html>
2:判断打开网页的是什么平台
var sUserAgent = navigator.userAgent.toLowerCase();
if(sUserAgent.match(/ipad/i)==“ipad”){
u.MobileSystem = IPAD;
u.System = MOBILE;
}else if(sUserAgent.match(/iphone os/i)==“iphone”){
u.MobileSystem = IPHONE;
u.System = MOBILE;
}else if(sUserAgent.match(/android/i)==“android”){
u.MobileSystem = ANDROID;
u.System = MOBILE;
}
3:小数点排序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
var arr = new Array(6)
arr[0] = "1.1"
arr[1] = "1.2"
arr[2] = "1.3"
arr[3] = "1.4"
arr[4] = "1.5"
arr[5] = "1.6"
document.write(arr + "<br />")
document.write(arr.sort(function(a,b){
var v1=a
var v2=b
var arr1 = v1.split(".");
var arr2 = v2.split(".");
var v1_1 = arr1[0];
var v1_2 = 100;
var v2_1 = arr2[0];
var v2_2 = 100;
if(arr1.length>1){
v1_2 = arr1[1];
if(v1_2.length==1){
v1 = v1_1+".00"+v1_2;
}else if(v1_2.length==2){
v1 = v1_1+".0"+v1_2;
}else{
v1 = v1_1+"."+v1_2;
}
}
if(arr2.length>1){
v2_2 = arr2[1];
if(v2_2.length==1){
v2 = v2_1+".00"+v2_2;
}else if(v2_2.length==2){
v2 = v2_1+".0"+v2_2;
}else{
v2 = v2_1+"."+v2_2;
}
}
// return v1 - v2;
return v2 - v1;
}));
</script>
</head>
<body>
</body>
</html>
判断字符串是否为空
alert($scope.dataVal.replace(/(^\s*)|(\s*$)/g, "")=="") //为空 true 不为空FALSE
判断一个字符在另一个字符中出现的次数
function patch(s, re) {//匹配出现的个数
re=new RegExp(re,"ig");//字符串转正则
return s.match(re) ? s.match(re).length : 0;
}
alert(patch(str, key)>0)
JavaScript 在字符串中替换某个位置的字符
<script type="text/javascript">
function replaceChat(source,pos,newChar){
if(pos<0||pos>=source.length||source.length==0){
return "invalid parameters...";
}
var iBeginPos= 0, iEndPos=source.length;
var sFrontPart=source.substr(iBeginPos,pos);
var sTailPart=source.substr(pos+1,source.length);
var sRet=sFrontPart+newChar+sTailPart;
return sRet;
}
alert(replaceChat("happy",1,"b"));
</script>