jQuery,jQuery系列使用问题

js实现红包雨案例，如何使用js实现红包雨

2020-10-12

快到双11了，每到双11购物节，可以看到浏览器有红包雨特效，以下是一个简单实现红包雨特效的方法，供大家参考。效果演示：代码实现说明：附件demo下载：https://github.com/jyblogs/hongbao1、前端html代码红包雨 2、js代码$(function(){ varNUMBER_OF_LEAVES=50; /* Calledwhenthe"FallingLeaves"pageiscompletelyloaded. */ functioninit(){ /*Getareferencetotheelementthatwillcontaintheleaves*/ varcontainer=document.getElementById('petalbox'); /*Filltheemptycontainerwithnewleaves*/ try{ for(vari=0; idiv>img{ position:absolute; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate; -webkit-animation-timing-function:linear; -webkit-backface-visibility:hidden; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:linear; backface-visibility:hidden; } @-webkit-keyframesfade{ 0%,90%{ opacity:1; } 100%{ opacity:0; } } @keyframesfade{ 0%,90%{ opacity:1; } 100%{ opacity:0; } } @-webkit-keyframesdrop{ 0%{ -webkit-transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(0,1100px,0); } } @keyframesdrop{ 0%{ transform:translate3d(0,0,0); } 100%{ transform:translate3d(0,1100px,0); } } @-webkit-keyframesdrop-left{ 0%{ -webkit-transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(-500px,1100px,0); } } @keyframesdrop-left{ 0%{ transform:translate3d(0,0,0); } 100%{ transform:translate3d(-500px,1100px,0); } } @-webkit-keyframesdrop-right{ 0%{ -webkit-transform:translate3d(0,0,0); } 100%{ -webkit-transform:translate3d(500px,1100px,0); } } @keyframesdrop-right{ 0%{ transform:translate3d(0,0,0); } 100%{ transform:translate3d(500px,1100px,0); } } @-webkit-keyframesclockwiseSpin{ 0%{ -webkit-transform:none; } 100%{ -webkit-transform:rotate(480deg); } } @keyframesclockwiseSpin{ 0%{ transform:none; } 100%{ transform:rotate(480deg); } } @-webkit-keyframescounterclockwiseSpinAndFlip{ 0%{ -webkit-transform:none; } 100%{ -webkit-transform:rotate(-480deg); } } } @keyframescounterclockwiseSpinAndFlip{ 0%{ transform:none; } 100%{ transform:rotate(-480deg); } } /*animation*/ .timenav.time_list.time1{ -webkit-animation:lantern_shake16slinearboth; -webkit-transform-origin:centertop; animation:lantern_shake16slinearboth; transform-origin:centertop; } @-webkit-keyframeslantern_shake1{ 0%,50%{ -webkit-transform:none; } 25%{ -webkit-transform:rotate(-4deg); } 75%{ -webkit-transform:rotate(4deg); } } @keyframeslantern_shake1{ 0%,50%{ transform:none; } 25%{ transform:rotate(-4deg); } 75%{ transform:rotate(4deg); } } .timenav.time_list.time2{ -webkit-animation:lantern_shake26slinearboth; -webkit-transform-origin:centertop; -webkit-backface-visibility:hidden; animation:lantern_shake26slinearboth; transform-origin:centertop; } @-webkit-keyframeslantern_shake2{ 0%,50%{ -webkit-transform:none; } 25%{ -webkit-transform:rotate(-6deg)translate3d(5px,0,0); } 75%{ -webkit-transform:rotate(6deg)translate3d(-5px,0,0); } } @keyframeslantern_shake2{ 0%,50%{ transform:none; } 25%{ transform:rotate(-6deg)translate3d(5px,0,0); } 75%{ transform:rotate(6deg)translate3d(-5px,0,0); } } .timenav.time_list.time3{ -webkit-animation:lantern_shake36slinearboth; -webkit-transform-origin:centertop; -webkit-backface-visibility:hidden; animation:lantern_shake36slinearboth; transform-origin:centertop; } @-webkit-keyframeslantern_shake3{ 0%,50%{ -webkit-transform:none; } 25%{ -webkit-transform:rotate(-8deg)translate3d(14px,0,0); } 75%{ -webkit-transform:rotate(8deg)translate3d(-14px,0,0); } } @keyframeslantern_shake3{ 0%,50%{ transform:none; } 25%{ transform:rotate(-8deg)translate3d(14px,0,0); } 75%{ transform:rotate(8deg)translate3d(-14px,0,0); } } .timenav.time_list:hovera{ -webkit-animation:none; animation:none; } .banner_tit,.banner_subtit{ -webkit-animation:bounceInDown0.8sboth; animation:bounceInDown0.8sboth; } .banner_subtit{ -webkit-animation-delay:0.4s; animation-delay:0.4s; } @-webkit-keyframesbounceInDown{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); } 0%{ opacity:0; -webkit-transform:translate3d(0,-3000px,0); } 60%{ -webkit-transform:translate3d(0,25px,0); } 75%{ -webkit-transform:translate3d(0,-10px,0); } 90%{ -webkit-transform:translate3d(0,5px,0); } to{ -webkit-transform:none; opacity:1; } } @keyframesbounceInDown{ from,60%,75%,90%,to{ animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); } 0%{ opacity:0; transform:translate3d(0,-3000px,0); } 60%{ transform:translate3d(0,25px,0); } 75%{ transform:translate3d(0,-10px,0); } 90%{ transform:translate3d(0,5px,0); } to{ transform:none; opacity:1; } } .banner_time{ -webkit-animation:fadeIn1s1.2sboth; animation:fadeIn1s1.2sboth; } @-webkit-keyframesfadeIn{ from{ opacity:0; } to{ opacity:1; } } @keyframesfadeIn{ from{ opacity:0; } to{ opacity:1; } } .fireworksi{ -webkit-animation:fireworkani1.6s.2seaseboth; -webkit-animation-iteration-count:2; animation:fireworkani1.6s.2seaseboth; animation-iteration-count:2; } .fireworks.f2{ -webkit-animation-delay:.6s; animation-delay:.6s; } .fireworks.f3{ -webkit-animation-delay:.6s; animation-delay:.6s; } .fireworks.f4{ -webkit-animation-delay:.8s; animation-delay:.8s; } @-webkit-keyframesfireworkani{ 0%,9%{ -webkit-transform:scale(.1); opacity:0; } 10%{ -webkit-transform:scale(.1); opacity:1; } 95%{ -webkit-transform:scale(1.5); opacity:.1; } 100%{ -webkit-transform:scale(1.5); opacity:0; } } @keyframesfireworkani{ 0%,9%{ transform:scale(.1); opacity:0; } 10%{ transform:scale(.1); opacity:1; } 95%{ transform:scale(1.5); opacity:.1; } 100%{ transform:scale(1.5); opacity:0; } } .main_before,.main_after,.main_cont{ -webkit-animation:contfadein1s.5sboth; animation:contfadein1s.5sboth; } @-webkit-keyframescontfadein{ 0%{ -webkit-transform:translate3d(0,100px,0); opacity:0; } 100%{ -webkit-transform:none; opacity:1; } } @keyframescontfadein{ 0%{ transform:translate3d(0,100px,0); opacity:0; } 100%{ transform:none; opacity:1; } } /*media*/ /*.small_window.timenav{ left:20px; margin-left:0; }*/以上是个简单案例，点击后展示结果可以结合实际情况进行更改。

html+js实现雪花飘落特效效果的两种方法

2020-10-11

230 0

我们经常可以看到有些网站有雪花飘落的功能，这是如何做的呢？实际上用到了HTML、js和canvas，以下是个简单的例子供大家参考。第一种效果展示：实现代码1、前端HTML代码： Document .snow{ width:100%; height:100vh; background:#000; } 2、snow.js文件代码"usestrict"; (function(){ //SnowVolumewillchangethedensityofthesnowflakes varSnowVolume=800; varelem=document.querySelector('.snow'); varcanvas=document.createElement('canvas'); varctx=canvas.getContext('2d'); varwidth=elem.clientWidth; varheight=elem.clientHeight; vari=0; varactive=false; functiononResize(){ width=elem.clientWidth; height=elem.clientHeight; canvas.width=width; canvas.height=height; ctx.fillStyle='#FFF'; varwasActive=active; active=width>700; if(!wasActive&&active) requestAnimFrame(update); } varSnowflake=function(){ this.x=0; this.y=0; this.vy=0; this.vx=0; this.r=0; this.reset(); } Snowflake.prototype.reset=function(){ this.x=Math.random()*width; this.y=Math.random()*-height; this.vy=1+Math.random()*3; this.vx=0.5-Math.random(); this.r=1+Math.random()*2; this.o=0.5+Math.random()*0.5; } canvas.style.position='absolute'; canvas.style.left=canvas.style.top='0'; varsnowflakes=[],snowflake; for(i=0;i

js实现手机号码加空格或者加空格

2020-10-02

216 0

我们平时看到一些输入手机号的会出现空格或者-号的，这时怎么实现的呢？我们通过以下的方式对其进行格式化，实现3-4-4的形式。1、手机号码加空格符functionMobile2(obj) { varvalue=obj; value=value.replace(/\s*/g,""); varresult=[]; for(vari=0;i

jq获取li列表第几个元素值,jq获取列表元素方法

2020-09-22

172 0

假设我们有段html代码，让我我们需要获取其中的元素列表一列表二列表三列表四列表五按钮jquery获取其中元素方法，需要用到eq()方法，元素从0开始1、点击按钮获取值：$('.btn').click(function(){ vara=$('.listli').eq(0).text(); alert(a); })2、点击列表其中一个获取值，我们来获取第二个的值$('.listli').eq(1).click(function(){ vara=$(this).text() alert(a) });

js合并两个数组生成合并后的key：value数组方法

2020-04-23

645 0

js合并两个数组生成合并后的key：value数组方法// var activeSubjectsName = ["JAVA", "PHP", "Android", "IOS", "Python"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for (var i = 0; i < activeSubjectsName.length; i++) { console.log(i); var activeSubjectsObject = {}; for (var j = 0; j < activeSubjectsNum.length; j++) { if (i == j) { activeSubjectsObject.name = activeSubjectsName[i]; activeSubjectsObject.value = activeSubjectsNum[j]; activeSubjectsArr.push(activeSubjectsObject); } }}console.log(activeSubjectsArr);// activeSubjectsArr=[// {name: "JAVA", value: 46},// {name: "PHP", value: 2},// {name: "Android", value: 2},// {name: "IOS", value: 28},// {name: "Python", value: 29}// ]

前端使用JsBarcode生成条形码

2020-03-21

539 0

前端使用JsBarcode生成条形码注：需引入 jsbarcode 插件JsBarcode安装:npminstalljsbarcode--save npminstalljsbarcodeHTML 生成条形码代码 $("#svgcode").JsBarcode('我是条形码'); 最终生成的条形码OptionDefault valueTypeformat（选择要使用的条形码类型）"auto" (CODE128)Stringwidth（设置条之间的宽度）2Numberheight（高度）100NumberdisplayValue（是否在条形码下方显示文字）trueBooleantext （覆盖显示的文本）undefinedStringfontOptions（使文字加粗体或变斜体）""Stringfont（设置文本的字体）"monospace"StringtextAlign（设置文本的水平对齐方式）"center"StringtextPosition（设置文本的垂直位置）"bottom"StringtextMargin（设置条形码和文本之间的间距）2NumberfontSize（设置文本的大小）20Numberbackground（设置条形码的背景）"#ffffff"String (CSS color)lineColor（设置条和文本的颜色）"#000000"String (CSS color)margin（设置条形码周围的空白边距）10NumbermarginTop（设置条形码上方的空白边距）undefinedNumbermarginBottom（设置条形码下方的空白边距）undefinedNumbermarginLeft（设置条形码左边的空白边距undefinedNumbermarginRight（设置条形码右边的空白边距）undefinedNumberflatfalseBooleanvalidfunction(valid){}Funct

JavaScript 获取当前网页header头部信息

2020-03-16

693 0

JavaScript 获取当前网页header头部信息varreq=newXMLHttpRequest(); req.open('GET',document.location,false); req.send(null); varheaders=req.getAllResponseHeaders().toLowerCase(); console.log(headers);

JS动态获取图片分辨率宽高大小

2020-03-07

749 0

JS动态获取图片分辨率宽高大小 functiongetpic(url,obj){ varimg=newImage(); img.src=url; if(img.complete){ document.write(img.width+'x'+img.height); $('.ddkkkkk_'+obj).text(img.width+'x'+img.height); }else{ img.onload=function(){ //document.write(img.width+'x'+img.height); $('.ddkkkkk_'+obj).text(img.width+'x'+img.height); img.onload=null; }; }; } getpic("{{$item->vod_pic}}","{{$item->id}}")

jquery数组去重

2020-01-02

546 0

vararr=["1","2","3","2","4","3"]; varres=unique(arr); console.log(res); //数组去重 functionunique(arr){ vararr2=arr.sort(); varres=[arr2[0]]; for(vari=1;i

sessionStorage的使用

2019-11-03

775 0

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。使用案例：html code: 关闭 javascript code：//判断sessionStorage里有没有isClose if(sessionStorage.getItem("isClose")){ $(".modecer").hide(); }else{ $(".modecer").show(); } //点击关闭隐藏存取数据 $(".colsebtn").click(function(){ $(".modecer").fadeOut(300); sessionStorage.setItem("isClose","1"); })

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

2019-10-24

1017 0

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中显示隐藏varstop=data.result $(":radio[name='rbsex'][value='"+stop+"']").prop("checked","checked");radio，CheckBox选中状态，判断是否选中，可以在元素中添加checked属性或者添加checked="checked" 都可以让某个选项默认选中，单选框的如果有多个checked 会以最后一个为准。我们可以使用 $("name='subject']:eq(0)").prop("checked");来判断有没有被真正的选中。返回布尔值$("[name='subject']:eq(0)").prop("checked",false[true]);设置选中或否定1、对radio 、checkbox 来说说，checked属性可以保证页面初始化被选中，但是通过js或者jquery 控制checked属性并不能保证相应的被选中，同样也不能通过checked属性来判断该元素是否被选中。2、checked属性并不能影响form表单的值，表单页面真正被选中的元素才是form表单提交的值。3、通jquery的prop方法可以完美的选中或者取消选中元素，使用prop("checked",true) 选中，prop("checked",false)取消选中，通prop("checked") 返回的false或者true判断是否选中。

JS实现Base64加密解密

2019-10-23

808 0

JavaScript实现Base64加密解密。Base64与其说是加密算法不如说是方便数据传输而生的数据转换手段。测试代码： test .resource_enc,.resource_dec{ width:500px; } .p1,.p2{ min-height:100px; background-color:#dcffe1; } varbase=newBase64(); functionencoding(){ vartext=document.getElementsByClassName("resource_enc")[0].value; document.getElementsByClassName("p1")[0].innerText=base.encode(text); } functiondecoding(){ vartext=document.getElementsByClassName("resource_dec")[0].value; document.getElementsByClassName("p2")[0].innerText=base.decode(text); } Base64.jsfunctionBase64(){ var_keyStr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; this.encode=function(input){ varoutput=""; varchr1,chr2,chr3,enc1,enc2,enc3,enc4; vari=0; input=utf8Encode(input); while(i>2; enc2=((chr1&3)4); enc3=((chr2&15)6); enc4=chr3&63; if(isNaN(chr2)){ enc3=enc4=64; }elseif(isNaN(chr3)){ enc4=64; } output=output+ _keyStr.charAt(enc1)+_keyStr.charAt(enc2)+ _keyStr.charAt(enc3)+_keyStr.charAt(enc4); } returnoutput; }; this.decode=function(input){ varoutput=""; varchr1,chr2,chr3; varenc1,enc2,enc3,enc4; vari=0; input=input.replace(/[^A-Za-z0-9\+\/\=]/g,""); while(i>6)&63)|128); utfText+=String.fromCharCode((c&63)|128); } } returnutfText; }; utf8Decode=function(utfText){ varstring=""; vari=0; varc=0; varc1=0; varc2=0; while(i

jQuery实现购物车物品数量的加减

2019-10-09

681 0

实现购物车物品数量的加减，最小值为1，当最小值为1时再按减少，减少按钮不可编辑，当按增加数量时恢复减少按钮状态。这个除了加减功能外，也可以自动计算价格。 jQuery实现购物车物品数量的加减 $(function(){ vart=$("#quantity"); $("#add").click(function(){ t.val(parseInt(t.val())+1); $("#min").removeAttr("disabled");//当按加1时，解除$("#min")不可读状态 setTotal(); }) $("#min").click(function(){ if(parseInt(t.val())>1){//判断数量值大于1时才可以减少 t.val(parseInt(t.val())-1) }else{ $("#min").attr("disabled","disabled")//当$("#min")为1时，$("#min")不可读状态 } setTotal(); }) functionsetTotal(){ $("#total").html((parseInt(t.val())*3.95).toFixed(2)); } setTotal(); }) 单价：1.23 总价：

jQuery根据屏幕下拉到一定高度显示返回顶部按钮

2019-09-30

695 0

jQuery根据屏幕下拉到一定高度显示返回顶部按钮例子：$(function(){ $('.getop').hide(); $(window).scroll(function(){ if($(window).scrollTop()>900){ $('.getop').fadeIn(300); } else{$('.getop').fadeOut(200);} }); $('.getop').click(function(){ $('body,html').animate({scrollTop:0},900); returnfalse; }) })

jquery 实现类似淘宝换一换功能

2019-08-29

813 0

类似淘宝换一换功能在工作中我们经常会遇到，以下是一个简单的案例，仅供大家参考。实现效果图：实现代码：换一换 *{margin:0;padding:0px;} .hsow{width:400px;height:400px;margin:0auto;background-color:#fff;} .news-sub{width:400px;height:266px;float:left;position:relative;} .news-list-v{width:400px;height:266px;position:absolute;left:0px;top:0px;visibility:hidden;opacity:0;transition:0s0.2s;} .news-list-vli{list-style:none;width:133px;height:133px;float:left;text-align:center;} .news-list-vlia{color:#fff;list-style:none;font-size:50px;text-decoration:none;margin:0auto;line-height:133px} .news-list-vli:nth-of-type(odd){background-color:#55cbc4;} .news-list-vli:nth-of-type(even){background-color:#f45a8d;} .news-change{width:133px;height:133px;background-color:#f04124;color:#fff;font-size:34px;text-align:center;line-height:133px;cursor:pointer;display:inline-block;float:left;margin-left:133px;} .news-list-v.show{z-index:1;visibility:visible;opacity:1;transition:0.2s;} 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 换一换 //换一换 var$newsLists=$('.news-sub').find('.news-list-v'); functionchangeNews(){ var$currentNews=$newsLists.filter('.show'); var$nextNews=$currentNews.next(); if($nextNews.length===0){ $nextNews=$newsLists.eq(0); } $newsLists.removeClass('show'); $nextNews.addClass('show'); } $('.news-change').on('click',function(){ changeNews(); });

jquery.cookie.js实现记住手机号功能

2019-06-16

1135 0

记住账号或者密码，在很多网站上都可以看到，以下是一个简单的方法，用到的是 jquery.cookie.js ，供大家参考注意：cookie必须在线上才能起效的哦。附件下载地址：jquery.cookie.txt百度云盘下载地址：链接：https://pan.baidu.com/s/14h5EsL3Z4U3bGSssbByEjA提取码：9rzahtml代码：//引入jquery.cookie.js 电话* 自动输入历史手机号《个人信息授权书》登录逻辑代码： functionsumit(){ vartelkel=$('.telkel').val(); //SetCookie if(document.getElementById("remnuber").checked==true){//判断是否勾选 $.cookie('telkel',telkel); }else{ $.cookie("telkel","",{expires:-1}); } } $(function(){ varusername=$.cookie('telkel'); console.log(username) //将获取的值填充入输入框中 $('.telkel').val(username); if($('.telkel').val()!=null&&$('.telkel').val()!=''){//选中保存秘密的复选框 $("#remnuber").attr('checked',true); } })

JS判断页面加载是否完成

2019-06-13

735 0

在做页面的时候,经常碰到要在页面加载完全之后再去展现。JS判断页面加载是否完成document.onreadystatechange=function(){ 　　if(document.readyState=="complete"){ window.location="https://www.tpxhm.com/" 　} }

js随机数组，随机显示3个不重复数字

2019-01-18

1233 0

js随机数组，随机显示3个不重复数字案例： Document //原数组 vararr=[0,1,2,3,4,5,6,7,8,9,10,11]; //输出数组 varout=[]; //输出个数 varnum=3; while(out.length>0; out.push(arr.splice(temp,1)); } alert(out);

js滑动指定特效

2019-01-10

817 0

我们逛网页的时候有时会看到，鼠标滚动到指定位置就会加载动画，以下是一个方法，仅供大家参考。主要用了2个文件，jquery.waypoints.js和animate.min.css附件：jquery.waypoints.js.txtanimate.min.css.txt引入两个文件，在前面加上以下js，还有在每个版块加上class="column"$(function(){ reAnimate(); }) //滑动指定特效 functionreAnimate(){ var_ele=$(".column"); _ele.each(function(index,element){ vareleAnimate=$(element).find(".animated"); eleAnimate.css({"animation-name":"none","-webkit-animation":"none"});//移除全部动效 $(element).waypoint(function(direction){ if(direction=="up"){ eleAnimate.css({"animation-name":"none","-webkit-animation":"none"}); }else{ eleAnimate.css({"animation-name":"","-webkit-animation":""}); } },{ offset:"70%" }); }); }

jquery验证手机号码、邮箱格式是否正确示例代码

2017-05-02

2493 0

jquery验证手机号码、邮箱格式是否正确示例代码本文为大家介绍下使用jquery验证邮箱、验证手机号码，具体实现思路及代码如下，感兴趣的朋友可以学习下代码如下://jquery验证邮箱 functioncheckSubmitEmail(){ if($("#email").val()==""){ //$("#confirmMsg").html("邮箱地址不能为空！"); alert("邮箱不能为空!") $("#email").focus(); returnfalse; } if(!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){ alert("邮箱格式不正确"); //$("#confirmMsg").html("邮箱格式不正确！请重新输入！"); $("#email").focus(); returnfalse; } returntrue; } //jquery验证手机号码 functioncheckSubmitMobil(){ if($("#mobile").val()==""){ alert("手机号码不能为空！"); //$("#moileMsg").html("手机号码不能为空！"); $("#mobile").focus(); returnfalse; } if(!$("#mobile").val().match(/^(((13[0-9]{1})|159|153)+\d{8})$/)){ alert("手机号码格式不正确！"); //$("#moileMsg").html("手机号码格式不正确！请重新输入！"); $("#mobile").focus(); returnfalse; } returntrue; }

利用JavaScript实现图片上传预览

2017-05-08

720 0

html代码：头像添加重置 js代码： //下面用于图片上传预览功能 functionsetImagePreview(avalue){ //input vardocObj=document.getElementById("doc"); //img varimgObjPreview=document.getElementById("preview"); //div vardivs=document.getElementById("localImag"); if(docObj.files&&docObj.files[0]){ //火狐下，直接设img属性 imgObjPreview.style.display='block'; imgObjPreview.style.width='100px'; imgObjPreview.style.height='100px'; //imgObjPreview.src=docObj.files[0].getAsDataURL(); //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式 imgObjPreview.src=window.URL.createObjectURL(docObj.files[0]); }else{ //IE下，使用滤镜 docObj.select(); varimgSrc=document.selection.createRange().text; varlocalImagId=document.getElementById("localImag"); //必须设置初始大小 localImagId.style.width="100px"; localImagId.style.height="100px"; //图片异常的捕捉，防止用户修改后缀来伪造图片 try{ localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=imgSrc; }catch(e){ alert("您上传的图片格式不正确，请重新选择!"); returnfalse; } imgObjPreview.style.display='none'; document.selection.empty(); } returntrue; } 效果预览：

js生成随机数

2017-06-08

792 0

js随机数的几个用法varchars=['0','1','2','3','4','5','6','7','8','9','A','B','C', 'D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']; functiongenerateMixed(n){ varres=""; for(vari=0;i