jQuery-webcam（.NET）实现WEB摄像头监控
jQuery-webcam是一个非常好用的摄像头监控工具，DEMO可官方下载地址http://www.xarg.org/project/jquery-webcam-plugin/
1、下载解压后，jquery.webcam.js和jquery.webcam.min.js是两个主要文件
aaarticlea/png;base64,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" alt="" />
2、页面代码
<script type="text/javascript" src="../jQuery-webcam/jquery.webcam.js"></script>
<script type="text/javascript">
var image = new Array();
var ctx = null;
var pos = 0;
var w = 320;
var h= 240;
$(document).ready(function() {
$("#webcam").webcam({
width: 320,
height: 240,
mode: "callback",
swffile: "../jQuery-webcam/jscam_canvas_only.swf",
onTick: function(remain) {},
onSave: function(data) {
image.push(data);
pos += 4 * w;
if (pos == 4 * w * h) {
$.post("CamPost.ashx", {w: w, h: h , pix:image.join('|'),planid:$("#planid").val(),examkey:$("#examkey").val()},function(msg) {
$("#flash").attr('src', msg);
pos = 0;
image = new Array();
});
}
},
onCapture: function () { webcam.save();},
onLoad: function () {
var cams = webcam.getCameraList();
webcam.capture();
for(var i in cams) {
jQuery("#cams").append("<li>" + cams[i] + "</li>");
}
}
});
window.setInterval( "webcam.capture()",600000);
$("#camState").click(function(){
if($("#camBox").css("display")=="block")
{
$("#camState").text("显示画面");
$("#cam").css("border","none");
$("#camBox").css("display","none");
}
else if($("#camBox").css("display")=="none")
{
$("#camState").text("隐藏画面");
$("#cam").css("border","solid 2px #000");
$("#camBox").css("display","block");
}
});
});
</script>
<div id="cam" style="position: fixed; z-index: 300; width: 320px; height: 240px;
right: 0px; top: 0px; border: solid 2px #000;">
<div id="camBox">
<div id="webcam">
</div>
<%--<div id="status"> </div>--%>
</div>
<div id="camState" style="cursor: pointer; background-color: Red; color: White; width: 50px;">
隐藏画面</div>
</div>
webcam参数说明：
width: 320, height: 240,//这两个参数考虑到显示效果320*240为标准的显示模式，不可更改（该插件硬伤）。如果要修改大小其实也是可以的，修改jscam.swf源文件
mode：// 存储方式可以按以下三种方式callback | save | stream
swffile：//可以选择解压后jscam_canvas_only.swf或jscam.swf，jscam_canvas_only加快了每次调用设备的效率，因为他只有jscam.swf的1/3
onTick: function(remain) {}//定时触发，定时拍照
onTick: function(remain) {
if ( ==remain) {jQuery("#status").text("Cheese!");
} else {jQuery("#status").text(remain+ " seconds remaining...");
}
}
onSave：//关键地方，设置提交数据处理后台做图像参数设置
onSave: function(data) {
image.push(data);
pos += * w;
if (pos == * w * h) {
$.post("CamPost.ashx", {w: w, h: h , pix:image.join('|')},function(msg) {
$("#flash").attr('src', msg);
pos = ;
image = new Array();
});
}
},
onCapture：//点击拍照保存
onCapture: function () { webcam.save();},
onLoad：//插件加载事件，通常这里罗列设备列表
onLoad: function () {
var cams = webcam.getCameraList();
webcam.capture();
for(var i in cams) {
jQuery("#cams").append("<li>" + cams[i] + "</li>");
}
}
页面完整代码
<script type="text/javascript" src="../jQuery-webcam/jquery.webcam.js"></script>
<script type="text/javascript">
var image = new Array();
var ctx = null;
var pos = ;
var w = ;
var h= ;
$(document).ready(function() {
$("#webcam").webcam({
width: ,
height: ,
mode: "callback",
swffile: "../jQuery-webcam/jscam_canvas_only.swf",
onTick: function(remain) {},
onSave: function(data) {
image.push(data);
pos += * w;
if (pos == * w * h) {
$.post("CamPost.ashx", {w: w, h: h , pix:image.join('|'),planid:$("#planid").val(),examkey:$("#examkey").val()},function(msg) {
$("#flash").attr('src', msg);
pos = ;
image = new Array();
});
}
},
onCapture: function () { webcam.save();},
onLoad: function () {
var cams = webcam.getCameraList();
webcam.capture();
for(var i in cams) {
jQuery("#cams").append("<li>" + cams[i] + "</li>");
}
}
});
window.setInterval( "webcam.capture()",);
$("#camState").click(function(){
if($("#camBox").css("display")=="block")
{
$("#camState").text("显示画面");
$("#cam").css("border","none");
$("#camBox").css("display","none");
}
else if($("#camBox").css("display")=="none")
{
$("#camState").text("隐藏画面");
$("#cam").css("border","solid 2px #000");
$("#camBox").css("display","block");
}
});
});
</script>
<div id="cam" style="position: fixed; z-index: 300; width: 320px; height: 240px;
right: 0px; top: 0px; border: solid 2px #;">
<div id="camBox">
<div id="webcam">
</div>
<%--<div id="status"> </div>--%>
</div>
<div id="camState" style="cursor: pointer; background-color: Red; color: White; width: 50px;">
隐藏画面</div>
</div>
后台处理代码：解析页面传递的8为色彩值
context.Response.Clear();
context.Response.ContentType = "text/plain";
if (context.Request["pix"] != null && CheckStr.HasInjectionData(context.Request["pix"]))
{
if (!string.IsNullOrEmpty(context.Request["w"]) && !string.IsNullOrEmpty(context.Request["h"]) && !string.IsNullOrEmpty(context.Request["pix"]) && !string.IsNullOrEmpty(context.Request["planid"]) && !string.IsNullOrEmpty(context.Request["examkey"]))
{
string planid = context.Request["planid"];
string examkey = context.Request["examkey"];
string width = context.Request["w"];
string height = context.Request["h"];
string pix = context.Request["pix"];
int w = int.Parse(width);
int h = int.Parse(height);
string savePath = Server.MapPath("~/UpLoad/Cam_Img/" + planid + "/");
try
{ System.Drawing.Bitmap bmap = new System.Drawing.Bitmap(w, h);
string[] rows = pix.Split(new char[] { '|' }, StringSplitOptions.RemoveEmptyEntries);
for (int i = ; i < rows.Length; i++)
{
string[] col = rows[i].Split(new char[] { ';' }, StringSplitOptions.RemoveEmptyEntries);
for (int j = ; j < col.Length; j++)
{
System.Drawing.Color color = System.Drawing.Color.FromArgb(Convert.ToInt32(col[j]));
System.Drawing.Color reColor = System.Drawing.Color.FromArgb(, color);
bmap.SetPixel(j, i, reColor);
}
}
System.IO.DirectoryInfo dirPath = new System.IO.DirectoryInfo(savePath);
if (!dirPath.Exists)
{
dirPath.Create();
}
DateTime dt = DateTime.Now;
string fileName = examkey + "&" + dt.ToString("yyyy-MM-dd HH时mm分ss秒", System.Globalization.DateTimeFormatInfo.InvariantInfo) + ".jpg";
savePath += fileName;
bmap.Save(savePath);
}
catch (Exception e)
{
}
context.Response.Write(savePath);
context.Response.End();
}
}
到此拍摄的画面就完整保存下来了，可根据调用拍照频率实现监控画面密度。
另附一段代码使用轮播相册，提取监控画面。
样式代码xiangce.css
/*通用*/
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,figure{ margin:0px; padding:0px;}
body,button,input,select,textarea{ font-family:"微软雅黑";font-size:12px; }
.clearleft{clear:left;}
.clearright{clear:right}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none;}
img{border:none;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:Black;}
a:hover{ color:#ff5d11; text-decoration:underline; background-color:Transparent;}
img:hover{background: white;filter:alpha(opacity=);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;} /*图片轮播*/
.detail_context_pic{width:680px;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.detail_context_pic_top{width:680px;overflow:hidden;text-align:center;position:relative;z-index:;}
.detail_context_pic_bot{width:680px;height:107px;overflow:hidden;margin-top:20px;}
.detail_picbot_left{float:left;width:30px;height:107px;overflow:hidden;}
.detail_picbot_left a{display:block;width:30px;height:107px;}
.detail_picbot_mid{float:left;width:620px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;height:77px;overflow:hidden;padding-top:15px;padding-bottom:13px;}
.detail_picbot_mid ul{height:80px;width:620px;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:84px;margin-left:25px;display:inline;width:94px;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid ul li img{height:76px;max-width:90px;}
#pic1{max-width:680px;}
.selectpic{border:2px solid red;}
.detail_picbot_right{float:left;width:30px;height:107px;overflow:hidden;}
.detail_picbot_right a{display:block;width:30px;height:107px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:%;width:%;position:absolute;top:0px;z-index:;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:%;margin-top:-25px;width:39px;height:50px;}
#preArrow_A{left:16px;background:url('images/pic_left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:16px;background:url('images/pic_right.png') 0px 0px no-repeat;display:none;}
#miaoshuwarp{position:relative;bottom:;z-index:;width:680px;text-align:left;}
.miaoshu{position:absolute;width:660px; padding: 10px; bottom:;height:30px; line-height:30px;color:White;font-size:14px;z-index:;background:url("images/bcgL.png") repeat-x; font-family:"宋体";}
.bodymodal{width:%;height:%;overflow:hidden;background:#;filter:alpha(opacity=);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:250px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:250px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('images/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('../images/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(, , , 0.6);line-height:25px;text-align:center;left:0px;z-index:;*background:#;*filter:alpha(opacity=);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px; margin-left:35px;}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;border:1px solid #8d5a00;}
.firsttop{width:250px;padding:20px;background:#1C1C1C;position:fixed;top:100px;left:0px;z-index:;color:White;display:none;}
.endtop{width:250px;padding:20px;background:#1C1C1C;position:fixed;top:100px;left:0px;z-index:;color:White;display:none;}
jquery.SuperSlide.2.1.1.js代码
/*
鏈唬鐮佺敱浠ｇ爜绗旇鏀堕泦骞剁紪杈戞暣鐞?
杞浇璇蜂繚鐣欎唬鐮佺瑪璁伴摼鎺?- www.198zone.com
*/
!function(a){a.fn.slide=function(b){return a.fn.slide.defaults={type:"slide",effect:"fade",autoPlay:!,delayTime:,interTime:,triggerTime:,defaultIndex:,titCell:".hd li",mainCell:".bd",targetCell:null,trigger:"mouseover",scroll:,vis:,titOnClassName:"on",autoPage:!,prevCell:".prev",nextCell:".next",pageStateCell:".pageState",opp:!,pnLoop:!,easing:"swing",startFun:null,endFun:null,switchLoad:null,playStateCell:".playState",mouseOverStop:!,defaultPlay:!,returnDefault:!},this.each(function(){var c=a.extend({},a.fn.slide.defaults,b),d=a(this),e=c.effect,f=a(c.prevCell,d),g=a(c.nextCell,d),h=a(c.pageStateCell,d),i=a(c.playStateCell,d),j=a(c.titCell,d),k=j.size(),l=a(c.mainCell,d),m=l.children().size(),n=c.switchLoad,o=a(c.targetCell,d),p=parseInt(c.defaultIndex),q=parseInt(c.delayTime),r=parseInt(c.interTime);parseInt(c.triggerTime);var Q,t=parseInt(c.scroll),u=parseInt(c.vis),v="false"==c.autoPlay||==c.autoPlay?!:!,w="false"==c.opp||==c.opp?!:!,x="false"==c.autoPage||==c.autoPage?!:!,y="false"==c.pnLoop||==c.pnLoop?!:!,z="false"==c.mouseOverStop||==c.mouseOverStop?!:!,A="false"==c.defaultPlay||==c.defaultPlay?!:!,B="false"==c.returnDefault||==c.returnDefault?!:!,C=,D=,E=,F=,G=c.easing,H=null,I=null,J=null,K=c.titOnClassName,L=j.index(d.find("."+K)),M=p=-==L?p:L,N=p,O=p,P=m>=u?!=m%t?m%t:t:,R="leftMarquee"==e||"topMarquee"==e?!:!,S=function(){a.isFunction(c.startFun)&&c.startFun(p,k,d,a(c.titCell,d),l,o,f,g)},T=function(){a.isFunction(c.endFun)&&c.endFun(p,k,d,a(c.titCell,d),l,o,f,g)},U=function(){j.removeClass(K),A&&j.eq(N).addClass(K)};if("menu"==c.type)return A&&j.removeClass(K).eq(p).addClass(K),j.hover(function(){Q=a(this).find(c.targetCell);var b=j.index(a(this));I=setTimeout(function(){switch(p=b,j.removeClass(K).eq(p).addClass(K),S(),e){case"fade":Q.stop(!,!).animate({opacity:"show"},q,G,T);break;case"slideDown":Q.stop(!,!).animate({height:"show"},q,G,T)}},c.triggerTime)},function(){switch(clearTimeout(I),e){case"fade":Q.animate({opacity:"hide"},q,G);break;case"slideDown":Q.animate({height:"hide"},q,G)}}),B&&d.hover(function(){clearTimeout(J)},function(){J=setTimeout(U,q)}),void ;if(==k&&(k=m),R&&(k=),x){if(m>=u)if("leftLoop"==e||"topLoop"==e)k=!=m%t?(^m/t)+:m/t;else{var V=m-u;k=+parseInt(!=V%t?V/t+:V/t),>=k&&(k=)}else k=;j.html("");var W="";if(==c.autoPage||"true"==c.autoPage)for(var X=;k>X;X++)W+="<li>"+(X+)+"</li>";else for(var X=;k>X;X++)W+=c.autoPage.replace("$",X+);j.html(W);var j=j.children()}if(m>=u){l.children().each(function(){a(this).width()>E&&(E=a(this).width(),D=a(this).outerWidth(!)),a(this).height()>F&&(F=a(this).height(),C=a(this).outerHeight(!))});var Y=l.children(),Z=function(){for(var a=;u>a;a++)Y.eq(a).clone().addClass("clone").appendTo(l);for(var a=;P>a;a++)Y.eq(m-a-).clone().addClass("clone").prependTo(l)};switch(e){case"fold":l.css({position:"relative",width:D,height:C}).children().css({position:"absolute",width:E,left:,top:,display:"none"});break;case"top":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+u*C+'px"></div>').css({top:-(p*t)*C,position:"relative",padding:"",margin:""}).children().css({height:F});break;case"left":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+u*D+'px"></div>').css({width:m*D,left:-(p*t)*D,position:"relative",overflow:"hidden",padding:"",margin:""}).children().css({"float":"left",width:E});break;case"leftLoop":case"leftMarquee":Z(),l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+u*D+'px"></div>').css({width:(m+u+P)*D,position:"relative",overflow:"hidden",padding:"",margin:"",left:-(P+p*t)*D}).children().css({"float":"left",width:E});break;case"topLoop":case"topMarquee":Z(),l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+u*C+'px"></div>').css({height:(m+u+P)*C,position:"relative",padding:"",margin:"",top:-(P+p*t)*C}).children().css({height:F})}}var $=function(a){var b=a*t;return a==k?b=m:-==a&&!=m%t&&(b=-m%t),b},_=function(b){var c=function(c){for(var d=c;u+c>d;d++)b.eq(d).find("img["+n+"]").each(function(){var b=a(this);if(b.attr("src",b.attr(n)).removeAttr(n),l.find(".clone")[])for(var c=l.children(),d=;d<c.size();d++)c.eq(d).find("img["+n+"]").each(function(){a(this).attr(n)==b.attr("src")&&a(this).attr("src",a(this).attr(n)).removeAttr(n)})})};switch(e){case"fade":case"fold":case"top":case"left":case"slideDown":c(p*t);break;case"leftLoop":case"topLoop":c(P+$(O));break;case"leftMarquee":case"topMarquee":var d="leftMarquee"==e?l.css("left").replace("px",""):l.css("top").replace("px",""),f="leftMarquee"==e?D:C,g=P;if(!=d%f){var h=Math.abs(^d/f);g===p?P+h:P+h-}c(g)}},ab=function(a){if(!A||M!=p||a||R){if(R?p>=?p=:>=p&&(p=):(O=p,p>=k?p=:>p&&(p=k-)),S(),null!=n&&_(l.children()),o[]&&(Q=o.eq(p),null!=n&&_(o),"slideDown"==e?(o.not(Q).stop(!,!).slideUp(q),Q.slideDown(q,G,function(){l[]||T()})):(o.not(Q).stop(!,!).hide(),Q.animate({opacity:"show"},q,function(){l[]||T()}))),m>=u)switch(e){case"fade":l.children().stop(!,!).eq(p).animate({opacity:"show"},q,G,function(){T()}).siblings().hide();break;case"fold":l.children().stop(!,!).eq(p).animate({opacity:"show"},q,G,function(){T()}).siblings().animate({opacity:"hide"},q,G);break;case"top":l.stop(!,!).animate({top:-p*t*C},q,G,function(){T()});break;case"left":l.stop(!,!).animate({left:-p*t*D},q,G,function(){T()});break;case"leftLoop":var b=O;l.stop(!,!).animate({left:-($(O)+P)*D},q,G,function(){->=b?l.css("left",-(P+(k-)*t)*D):b>=k&&l.css("left",-P*D),T()});break;case"topLoop":var b=O;l.stop(!,!).animate({top:-($(O)+P)*C},q,G,function(){->=b?l.css("top",-(P+(k-)*t)*C):b>=k&&l.css("top",-P*C),T()});break;case"leftMarquee":var c=l.css("left").replace("px","");==p?l.animate({left:++c},,function(){l.css("left").replace("px","")>=&&l.css("left",-m*D)}):l.animate({left:--c},,function(){l.css("left").replace("px","")<=-(m+P)*D&&l.css("left",-P*D)});break;case"topMarquee":var d=l.css("top").replace("px","");==p?l.animate({top:++d},,function(){l.css("top").replace("px","")>=&&l.css("top",-m*C)}):l.animate({top:--d},,function(){l.css("top").replace("px","")<=-(m+P)*C&&l.css("top",-P*C)})}j.removeClass(K).eq(p).addClass(K),M=p,y||(g.removeClass("nextStop"),f.removeClass("prevStop"),==p&&f.addClass("prevStop"),p==k-&&g.addClass("nextStop")),h.html("<span>"+(p+)+"</span>/"+k)}};A&&ab(!),B&&d.hover(function(){clearTimeout(J)},function(){J=setTimeout(function(){p=N,A?ab():"slideDown"==e?Q.slideUp(q,U):Q.animate({opacity:"hide"},q,U),M=p},)});var bb=function(a){H=setInterval(function(){w?p--:p++,ab()},a?a:r)},cb=function(a){H=setInterval(ab,a?a:r)},db=function(){z||(clearInterval(H),bb())},eb=function(){(y||p!=k-)&&(p++,ab(),R||db())},fb=function(){(y||!=p)&&(p--,ab(),R||db())},gb=function(){clearInterval(H),R?cb():bb(),i.removeClass("pauseState")},hb=function(){clearInterval(H),i.addClass("pauseState")};if(v?R?(w?p--:p++,cb(),z&&l.hover(hb,gb)):(bb(),z&&d.hover(hb,gb)):(R&&(w?p--:p++),i.addClass("pauseState")),i.click(function(){i.hasClass("pauseState")?gb():hb()}),"mouseover"==c.trigger?j.hover(function(){var a=j.index(this);I=setTimeout(function(){p=a,ab(),db()},c.triggerTime)},function(){clearTimeout(I)}):j.click(function(){p=j.index(this),ab(),db()}),R){if(g.mousedown(eb),f.mousedown(fb),y){var ib,jb=function(){ib=setTimeout(function(){clearInterval(H),cb(^r/)},)},kb=function(){clearTimeout(ib),clearInterval(H),cb()};g.mousedown(jb),g.mouseup(kb),f.mousedown(jb),f.mouseup(kb)}"mouseover"==c.trigger&&(g.hover(eb,function(){}),f.hover(fb,function(){}))}else g.click(eb),f.click(fb)})}}(jQuery),jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-)+c},easeInOutQuad:function(a,b,c,d,e){return(b/=e/)<?d/*b*b+c:-d/*(--b*(b-)-)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-)*b*b+)+c},easeInOutCubic:function(a,b,c,d,e){return(b/=e/)<?d/*b*b*b+c:d/*((b-=)*b*b+)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-)*b*b*b-)+c},easeInOutQuart:function(a,b,c,d,e){return(b/=e/)<?d/*b*b*b*b+c:-d/*((b-=)*b*b*b-)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-)*b*b*b*b+)+c},easeInOutQuint:function(a,b,c,d,e){return(b/=e/)<?d/*b*b*b*b*b+c:d/*((b-=)*b*b*b*b+)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/))+c},easeInOutSine:function(a,b,c,d,e){return-d/*(Math.cos(Math.PI*b/e)-)+c},easeInExpo:function(a,b,c,d,e){return ==b?c:d*Math.pow(,*(b/e-))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(,-*b/e)+)+c},easeInOutExpo:function(a,b,c,d,e){return ==b?c:b==e?c+d:(b/=e/)<?d/*Math.pow(,*(b-))+c:d/*(-Math.pow(,-*--b)+)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(-(b/=e)*b)-)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(-(b=b/e-)*b)+c},easeInOutCirc:function(a,b,c,d,e){return(b/=e/)<?-d/*(Math.sqrt(-b*b)-)+c:d/*(Math.sqrt(-(b-=)*b)+)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=,h=d;if(==b)return c;if(==(b/=e))return c+d;if(g||(g=.*e),h<Math.abs(d)){h=d;var f=g/}else var f=g/(*Math.PI)*Math.asin(d/h);return-(h*Math.pow(,*(b-=))*Math.sin((b*e-f)**Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158,g=,h=d;if(==b)return c;if(==(b/=e))return c+d;if(g||(g=.*e),h<Math.abs(d)){h=d;var f=g/}else var f=g/(*Math.PI)*Math.asin(d/h);return h*Math.pow(,-*b)*Math.sin((b*e-f)**Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158,g=,h=d;if(==b)return c;if(==(b/=e/))return c+d;if(g||(g=e*.*1.5),h<Math.abs(d)){h=d;var f=g/}else var f=g/(*Math.PI)*Math.asin(d/h);return >b?-.*h*Math.pow(,*(b-=))*Math.sin((b*e-f)**Math.PI/g)+c:.*h*Math.pow(,-*(b-=))*Math.sin((b*e-f)**Math.PI/g)+d+c},easeInBack:function(a,b,c,d,e,f){return void ==f&&(f=1.70158),d*(b/=e)*b*((f+)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){return void ==f&&(f=1.70158),d*((b=b/e-)*b*((f+)*b+f)+)+c},easeInOutBack:function(a,b,c,d,e,f){return void ==f&&(f=1.70158),(b/=e/)<?d/*b*b*(((f*=1.525)+)*b-f)+c:d/*((b-=)*b*(((f*=1.525)+)*b+f)+)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,,d,e)+c},easeOutBounce:function(a,b,c,d,e){return(b/=e)</2.75?d*7.5625*b*b+c:/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.)+c:d*(7.5625*(b-=2.625/2.75)*b+.)+c},easeInOutBounce:function(a,b,c,d,e){return e/>b?.*jQuery.easing.easeInBounce(a,*b,,d,e)+c:.*jQuery.easing.easeOutBounce(a,*b-e,,d,e)+.*d+c}});
xiangce.js代码
$(function() {
jQuery(".guessall").slide({
titCell: ".guess ul",
mainCell: ".guessnews",
autoPage: true,
effect: "left",
autoPlay: false,
vis: ,
trigger: "click",
delayTime: ,
interTime:
});
var firstpic = $(".detail_picbot_mid ul li").first().find("img");
var firstsrc = firstpic.attr("bigimg");
var firsttxt = firstpic.attr("text");
$("#pic1").attr("src", firstsrc);
firstpic.addClass("selectpic");
$(".miaoshu").text(firsttxt);
$("#preArrow").hover(function() {
$("#preArrow_A").css("display", "block")
},
function() {
$("#preArrow_A").css("display", "none")
});
$("#nextArrow").hover(function() {
$("#nextArrow_A").css("display", "block")
},
function() {
$("#nextArrow_A").css("display", "none")
});
function preclick() {
var currrentindex = parseFloat($("#pic1").attr("curindex"));
if (currrentindex != ) {
var curli = $(".detail_picbot_mid ul li").eq(currrentindex);
var length = $(".detail_picbot_mid ul li").length;
if (currrentindex <= (length - )) {
$(".detail_picbot_mid ul li").eq(currrentindex + ).css("display", "none");
$(".detail_picbot_mid ul li").eq(currrentindex - ).css("width", "94px").css("display", "block")
}
var curnextli = $(".detail_picbot_mid ul li").eq(currrentindex - );
var curnextsrc = curnextli.find("img").attr("bigimg");
var curnexttxt = curnextli.find("img").attr("text");
curli.find("img").removeClass("selectpic");
curnextli.find("img").addClass("selectpic");
$("#pic1").attr("src", curnextsrc);
$(".miaoshu").text(curnexttxt);
$("#pic1").attr("curindex", currrentindex - )
} else {
$(".bodymodal").css("display", "block");
$(".firsttop").css("display", "block")
}
}
$("#preArrow_B").click(function() {
preclick()
});
$("#preArrow").click(function() {
preclick()
});
$("#nextArrow_B").click(function() {
nextclick()
});
$("#nextArrow").click(function() {
nextclick()
});
function nextclick() {
var currrentindex = parseFloat($("#pic1").attr("curindex"));
var length = $(".detail_picbot_mid ul li").length;
if (currrentindex != (length - )) {
var curli = $(".detail_picbot_mid ul li").eq(currrentindex);
if (currrentindex > ) {
$(".detail_picbot_mid ul li").eq(currrentindex - ).css("display", "none");
$(".detail_picbot_mid ul li").eq(currrentindex + ).css("width", "94px").css("display", "block")
}
var curnextli = $(".detail_picbot_mid ul li").eq(currrentindex + );
var curnextsrc = curnextli.find("img").attr("bigimg");
var curnexttxt = curnextli.find("img").attr("text");
curli.find("img").removeClass("selectpic");
curnextli.find("img").addClass("selectpic");
$("#pic1").attr("src", curnextsrc);
$("#pic1").attr("curindex", currrentindex + );
$(".miaoshu").text(curnexttxt)
} else {
$(".bodymodal").css("display", "block");
$(".endtop").css("display", "block")
}
}
$(".detail_picbot_mid ul li").click(function() {
var currentliindex = $(this).index(".detail_picbot_mid ul li");
$(".detail_picbot_mid ul li img[class='selectpic']").removeClass("selectpic");
var currentli = $(".detail_picbot_mid ul li").eq(currentliindex);
currentli.find("img").addClass("selectpic");
var bigimgsrc = currentli.find("img").attr("bigimg");
var curnexttxt = currentli.find("img").attr("text");
$("#pic1").attr("src", bigimgsrc);
$("#pic1").attr("curindex", currentliindex);
$(".miaoshu").text(curnexttxt)
});
/*
代码笔记
转载请保留代码笔记链接 - www.198zone.com
*/
setblock();
function setblock() {
var left = $(window).width() / - ;
$(".firsttop").css("left", left);
$(".endtop").css("left", left)
}
$(window).resize(function() {
setblock()
});
$(".closebtn1").click(function() {
$(".firsttop").css("display", "none");
$(".bodymodal").css("display", "none")
});
$(".closebtn2").click(function() {
$(".endtop").css("display", "none");
$(".bodymodal").css("display", "none")
});
$(".returnbtn").click(function() {
$(".firsttop").css("display", "none");
$(".endtop").css("display", "none");
$(".bodymodal").css("display", "none")
});
//播放到第一张图片时弹出层点击重
$(".replaybtn1").click(function() {
$(".firsttop").css("display", "none");
$(".bodymodal").css("display", "none")
});
//播放到最后一张图片时弹出层点击重播
$(".replaybtn2").click(function() {
$(".endtop").css("display", "none");
$(".bodymodal").css("display", "none");
$(".detail_picbot_mid ul li img[class='selectpic']").removeClass("selectpic");
$(".detail_picbot_mid ul li").eq().find("img").addClass("selectpic");
var bigimgsrc = $(".detail_picbot_mid ul li").eq().find("img").attr("bigimg");
$("#pic1").attr("src", bigimgsrc);
$("#pic1").attr("curindex", )
})
});
function RefreshDiv()
{
$(function() {
jQuery(".guessall").slide({
titCell: ".guess ul",
mainCell: ".guessnews",
autoPage: true,
effect: "left",
autoPlay: false,
vis: ,
trigger: "click",
delayTime: ,
interTime:
});
var firstpic = $(".detail_picbot_mid ul li").first().find("img");
var firstsrc = firstpic.attr("bigimg");
var firsttxt = firstpic.attr("text");
$("#pic1").attr("src", firstsrc);
firstpic.addClass("selectpic");
$(".miaoshu").text(firsttxt);
$("#preArrow").hover(function() {
$("#preArrow_A").css("display", "block")
},
function() {
$("#preArrow_A").css("display", "none")
});
$("#nextArrow").hover(function() {
$("#nextArrow_A").css("display", "block")
},
function() {
$("#nextArrow_A").css("display", "none")
});
function preclick() {
var currrentindex = parseFloat($("#pic1").attr("curindex"));
if (currrentindex != ) {
var curli = $(".detail_picbot_mid ul li").eq(currrentindex);
var length = $(".detail_picbot_mid ul li").length;
if (currrentindex <= (length - )) {
$(".detail_picbot_mid ul li").eq(currrentindex + ).css("display", "none");
$(".detail_picbot_mid ul li").eq(currrentindex - ).css("width", "94px").css("display", "block")
}
var curnextli = $(".detail_picbot_mid ul li").eq(currrentindex - );
var curnextsrc = curnextli.find("img").attr("bigimg");
var curnexttxt = curnextli.find("img").attr("text");
curli.find("img").removeClass("selectpic");
curnextli.find("img").addClass("selectpic");
$("#pic1").attr("src", curnextsrc);
$(".miaoshu").text(curnexttxt);
$("#pic1").attr("curindex", currrentindex - )
} else {
$(".bodymodal").css("display", "block");
$(".firsttop").css("display", "block")
}
}
$("#preArrow_B").click(function() {
preclick()
});
$("#preArrow").click(function() {
preclick()
});
$("#nextArrow_B").click(function() {
nextclick()
});
$("#nextArrow").click(function() {
nextclick()
});
function nextclick() {
var currrentindex = parseFloat($("#pic1").attr("curindex"));
var length = $(".detail_picbot_mid ul li").length;
if (currrentindex != (length - )) {
var curli = $(".detail_picbot_mid ul li").eq(currrentindex);
if (currrentindex > ) {
$(".detail_picbot_mid ul li").eq(currrentindex - ).css("display", "none");
$(".detail_picbot_mid ul li").eq(currrentindex + ).css("width", "94px").css("display", "block")
}
var curnextli = $(".detail_picbot_mid ul li").eq(currrentindex + );
var curnextsrc = curnextli.find("img").attr("bigimg");
var curnexttxt = curnextli.find("img").attr("text");
curli.find("img").removeClass("selectpic");
curnextli.find("img").addClass("selectpic");
$("#pic1").attr("src", curnextsrc);
$("#pic1").attr("curindex", currrentindex + );
$(".miaoshu").text(curnexttxt)
} else {
$(".bodymodal").css("display", "block");
$(".endtop").css("display", "block")
}
}
$(".detail_picbot_mid ul li").click(function() {
var currentliindex = $(this).index(".detail_picbot_mid ul li");
$(".detail_picbot_mid ul li img[class='selectpic']").removeClass("selectpic");
var currentli = $(".detail_picbot_mid ul li").eq(currentliindex);
currentli.find("img").addClass("selectpic");
var bigimgsrc = currentli.find("img").attr("bigimg");
var curnexttxt = currentli.find("img").attr("text");
$("#pic1").attr("src", bigimgsrc);
$("#pic1").attr("curindex", currentliindex);
$(".miaoshu").text(curnexttxt)
});
/*
代码笔记
转载请保留代码笔记链接 - www.198zone.com
*/
setblock();
function setblock() {
var left = $(window).width() / - ;
$(".firsttop").css("left", left);
$(".endtop").css("left", left)
}
$(window).resize(function() {
setblock()
});
$(".closebtn1").click(function() {
$(".firsttop").css("display", "none");
$(".bodymodal").css("display", "none")
});
$(".closebtn2").click(function() {
$(".endtop").css("display", "none");
$(".bodymodal").css("display", "none")
});
$(".returnbtn").click(function() {
$(".firsttop").css("display", "none");
$(".endtop").css("display", "none");
$(".bodymodal").css("display", "none")
});
//播放到第一张图片时弹出层点击重
$(".replaybtn1").click(function() {
$(".firsttop").css("display", "none");
$(".bodymodal").css("display", "none")
});
//播放到最后一张图片时弹出层点击重播
$(".replaybtn2").click(function() {
$(".endtop").css("display", "none");
$(".bodymodal").css("display", "none");
$(".detail_picbot_mid ul li img[class='selectpic']").removeClass("selectpic");
$(".detail_picbot_mid ul li").eq().find("img").addClass("selectpic");
var bigimgsrc = $(".detail_picbot_mid ul li").eq().find("img").attr("bigimg");
$("#pic1").attr("src", bigimgsrc);
$("#pic1").attr("curindex", )
})
});
}
页面代码
<div id='<%# Eval("EXAM_KEY") %>' style="display:none; ">
<div id="Closecampic" style=" float:right;" title="关闭" onclick='javascript:CloseCam($(this).parent().attr("id"))'><img alt="关闭" src="../App_Common/xiangce/images/close.jpg" /></div>
<!--图片轮换开始-->
<div class="bodymodal"> </div>
<div class="firsttop">
<div class="firsttop_right">
<div class="close2"> <a class="closebtn1" title="关闭" href="javascript:void(0)"></a> </div>
<div class="replay">
<h2 id="div-end-h2"> 已到第一张图片了。</h2>
<p> <a class="replaybtn1" href="javascript:void(0);">重新播放</a> </p>
</div>
<div class="pictwo">
<ul>
<li></li><li></li>
</ul>
</div>
<div class="returnbtn"> <a href="javascript:void(0);">关闭当前</a> </div>
</div>
</div>
<!--图片结束出现的-->
<div class="endtop">
<div class="firsttop_right">
<div class="close2"> <a class="closebtn2" title="关闭" href="javascript:void(0)"></a> </div>
<div class="replay">
<h2 id="H1">已到最后一张图片了。</h2>
<p> <a class="replaybtn2" href="javascript:void(0);">重新播放</a> </p>
</div>
<div class="pictwo">
<ul>
<li></li><li></li>
</ul>
</div>
<div class="returnbtn"> <a href="javascript:void(0);" >关闭当前</a> </div>
</div>
</div>
<!--轮播过程-->
<div class="detail_context_pic">
<div class="detail_context_pic_top"> <a href="#"><img src="" alt="" id="pic1" curindex="" /></a> <a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"><span id="preArrow_A"></span></a> <a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="上一张"><span id="nextArrow_A"></span></a>
<div id="miaoshuwarp">
<div class="miaoshu"> </div>
</div>
</div>
<!--图片轮播-->
<div class="detail_context_pic_bot">
<div class="detail_picbot_left"> <a href="javascript:void(0)" id="preArrow_B"><img src="../App_Common/xiangce/images/left1.jpg" alt="上一个" /></a> </div>
<div class="detail_picbot_mid">
<ul>
<asp:Repeater ID="camview" runat="server"><ItemTemplate>
<li> <a href='javascript:void(0);'> <img src='<%# Eval("CAMPICURL") %>' width='90px' height='80px' title='<%# Eval("CAMPICTitle") %> ' bigimg='<%# Eval("CAMPICURL") %>' text='<%# Eval("CONTENT") %>' /> </a> </li>
</ItemTemplate></asp:Repeater>
</ul>
</div>
<div class="detail_picbot_right"> <a href="javascript:void(0)" id="nextArrow_B"><img src="../App_Common/xiangce/images/right1.jpg" alt="下一个" /></a> </div>
</div>
</div>
<!--图片轮换结束-->
</div>
images图片也附上方便使用
aaarticlea/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgADwAPAwERAAIRAQMRAf/EAFwAAQEAAAAAAAAAAAAAAAAAAAMIAQEAAAAAAAAAAAAAAAAAAAAAEAABBAIBAwQDAAAAAAAAAAADAQIEBQYHERIiEwAhQTIjFBURAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AKn2dtXcSbyyLW2D5P8AzSBHEXHat8CCUck74QDkCsg41cxzup7mK7qRXdvbynoC1PuPZ+T5Zm2M2OZjsQ1GPWUqDakr4kaOGwjuCNJCeIKueIbnu46k72+6sRe1AXamsMjvNw5dZ4nluMVtlcx4wvBNsiiuYUcMEKH6RDG7xoRjFVzuFXxfLUc7kE1ZrTKK7OcztGZXjB8lnUFhWuDTWBTSA2Tnhb+5KE8auZ+VnJnIn3X6e/oP/9k=" alt="" />close.jpgaaarticlea/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAawAeAwERAAIRAQMRAf/EAHMAAQEAAwEBAQAAAAAAAAAAAAMAAgQGBwUJAQEAAAAAAAAAAAAAAAAAAAAAEAABAgMEBwQJBQAAAAAAAAABAgMAEQQhEnMFshMzsxQ0BjFBIgdRYcHRklNjJKSBkTJSFhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A/R2kpKVVKypTKCShJJKRMmQ9UAvB0fyG/gT7oC4Oj+Q38CfdAE9SUocYAZQAVkHwi0XFH0QC0fJsYaNEQDQFAC/tafEO7XAVHybGGjREA0BQAv7WnxDu1wFR8mxho0RANAUAL+1p8Q7tcBUfJsYaNEQDQFAC/tafEO7XAVHybGGjREBqdQdQZX0zlbubZs7q2W7EpFq3FnsQgWTUZe0yAJgOK8vMw6n6u6iq+tM0b4fK9Q5R5bTzN0XnUKVcEvFLVyWsymqwdkkh6A/tafEO7XAYMrU1lzbiG1PKQ0FJaRdClkJmEi+Upmey0gQHjOVrX5p9dqZ6uf4Jmiv8PkZK0LIQfE0kkDxWTdNizKwADwB7YyyzTsop6dCWmmkhDbaAEpSlIkAALAAIDB/a0+Id2uAqPk2MNGiIDi/MTy7/ANDLP8gPC55S3VoWhWr4jV2pBUJXXEy8C/0NkikM/Ljr57qZLuR520pjOqBJ4kFBQHUoUEKUUyFxYUQFJsttHeEh2L+1p8Q7tcBUfJsYaNEQDQHzk9P5W3n6upWmtXXOMKpX1psDqCpCgVjvUm4AD6LDOQkG2/tafEO7XAVHybGGjREA0BQAv7WnxDu1wFR8mxho0RANAUAL+1p8Q7tcBUfJsYaNEQDQFAC/tafEO7XAVHybGGjREA0BQAv7WnxDu1wGrTcTwzV3XSuJld1Euzunb+8An3X1/wAeAvuvr/jwBu8TrGZ67+ZlPUf0V2S9sB//2Q==" alt="" />left1.jpgaaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAyCAYAAADfuMIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNrM2dENwyAMBFDCPrD/HCxE1f+0YPvubKT8JcqTiIJ9bnvvprrGGNtyf2+iNefc1md6VZgE54XRcREYFReF0XAIGAWHgsFxJ9ha60nBoWEwHAMGwbFgYRwTFsKxYW6cAubCqWBmnBJmwqlh17gM2BUuC3bEZcL+4rJhP3EVYK+4KrBX3OnlyGLSta1VgN27fQpgj3xfbODxJ5wJvDq+soDXB38G0FQyqYHmYlMJdJXpKqC7wVEAQ60hGxhuqplASBzBAsKCHAYQGoGhgfDwMK2pVgNpgXVakKMC0ockaeEhGygbzHmAz3d0WHX1VniVxn0EGACUNBKCrhTYOgAAAABJRU5ErkJggg==" alt="" />pic_left.pngaaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAyCAYAAADfuMIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPBJREFUeNrM2UsKxCAQBFDT99H7nyMXMmQ/MNP1GwvcpZtHooJm7L3Hr2POuTvPs6NGM2utPUIppCgFLLQwASym2A0stoETWIomLmCpGjmALdx931cS2H5zSSD0WVNAeM4lgNSCcAPp1eoESrYSF1C2zzmAMpwDKMWpgXKcEmjBqYA2nAJoxbFAO44BRnAoMIb7Nr8+4etUWASHwuw4BmbFsTAbTgGz4FQwOU4Jix6qu7DYdQQCk+BcMBrnhFE4NwzGJWAQLgVr45Kw6KH62OuIv+FcMBrnhFE4NwzGJWAQLgV7c72/Dk9NjYNzNO4RYAC1zxKCuDOb9QAAAABJRU5ErkJggg==" alt="" />pic_right.pngaaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAIAAADtKeFkAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABBUlEQVQ4jd2TMW+EIBiGvwPiIbHSDr0umtzdbOL//x9ODGrC1HYgXhETC6YDTWuwraY3NOm78cEDL+8HuyzL4Aqha+B/wJNgLKXUWjvniqLYwu/m+QshlFLWWsYYpfSjHtP98XRe4auq6rruu3MYY3e3fLnLp3/OOUJIKeVXI/QezTRNxhhjzDiOUso8z7/m/UTb1N3lBWM8v3/b1I9Pz9bapcEw/+PpXJYl5zwopmkKAH3fr/BzL3PFdA8A1tpN/FLjqwUAQsJ+b+Lbpva5zpvqFe4nhBiGISj68AghPL1Z4Z1zWuulBULIw+H+p/57YYyTJAkqURTFcbwMFYL3+wv99f99AyIBX850uofbAAAAAElFTkSuQmCC" alt="" />replay.pngaaarticlea/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAawAeAwERAAIRAQMRAf/EAHQAAQEAAgMBAAAAAAAAAAAAAAMABAcCBQYJAQEAAAAAAAAAAAAAAAAAAAAAEAABAgMDCQQJBQAAAAAAAAABAgMAEQRzBQYhMRIishMzszRBMhQHYcHRUpJTYySkUXGRIxURAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APo7SUlKqlZUplBJQkklImTIeiAXwdH8hv4E+yAvB0fyG/gT7IAnqSlDjADKACsg6oyjQUf0gFo+jYs0bIgGgKAF/i09oeWuAqPo2LNGyIBoCgBf4tPaHlrgKj6NizRsiAaAoAX+LT2h5a4Co+jYs0bIgGgKAF/i09oeWuAqPo2LNGyIDWCcVXz5dYwrbuxMhS7ivWpfqqKoTNYZDzhWSjJMgFX9iM4OsnPrhtJl5moZRUU60utOpC23EEKSpKhMEEZCCIDg/wAWntDy1wFR9GxZo2RAYmIMP3Xia63bpvZreMuZUqGRbaxmWg5ZKE/UZgkQGrfLPEF6XLid7BFE7/u3UHHN1VU/dYAOV1JXIBsk6wnLSyoKidcNuv8AFp7Q8tcBUfRsWaNkQGsMbYqvnF98ueXuDEKACltXrWGaBJB0XEkymltJyKOdZ1Rk74e4wfg+68G3WKCgG8eckqsrFCS3ljtOeSRPVT2ekkkh27/Fp7Q8tcBUfRsWaNkQGJc+H7ruNda9QNSevB9yqrH1ZVuLcWpcifdTpSSOz9ySQ7GAF/i09oeWuAqPo2LNGyIBoCgBf4tPaHlrgKj6NizRsiAaAoAX+LT2h5a4Co+jYs0bIgGgKAF/i09oeWuAqPo2LNGyIBoCgBf4tPaHlrgMWm8T4ZrR30tBMtHcSzdk8v8AMAn3X1/x4C+6+v8AjwBu+J3jM993zKe49xWaXrgP/9k=" alt="" />right1.jpg
jQuery-webcam（.NET）实现WEB摄像头监控的更多相关文章
- 使用WebGL 自定义 3D 摄像头监控模型
前言 随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中,尤其是高清时代的来临,更加快了网络摄像机的发展和应用. 在监控摄像机数量的不断庞大的同时,在监控系统中面临着严峻的现状问 ...
- 基于 HTML5 的 WebGL 自定义 3D 摄像头监控模型
前言 随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中,尤其是高清时代的来临,更加快了网络摄像机的发展和应用. 在监控摄像机数量的不断庞大的同时,在监控系统中面临着严峻的现状问 ...
- 使用 jquery.webcam 进行asp.net 拍照
HTML 代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index. ...
- jQuery Webcam Plugin jscam.swf文件反编译工具使用说明
jQuery webcam plugin是一个在ie,firefox,chrome下都可以用的摄像头摄像及拍照用的插件. (http://www.xarg.org/project/jquery-web ...
- 十条jQuery代码片段助力Web开发效率提升
JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Oper ...
- 使用Java编写一个简单的Web的监控系统cpu利用率，cpu温度，总内存大小
原文:http://www.jb51.net/article/75002.htm 这篇文章主要介绍了使用Java编写一个简单的Web的监控系统的例子,并且将重要信息转为XML通过网页前端显示,非常之实 ...
- [转]Web性能监控自动化探索之路–初识WebPageTest
本文转自:http://www.webryan.net/2013/01/use-webpagetest-to-analyze-web-performance/ 无论是从Velocity 2012还是在 ...
- Atitit.Gui控件and面板----web server区----- web服务器监控面板and控制台条目
Atitit.Gui控件and面板----web server区----- web服务器监控面板and控制台条目 1. Resin4.0.22 1 2. 查看http连接数::Summary>& ...
- Zookeeper从入门到精通（开发详解，案例实战，Web界面监控）
ZooKeeper是Hadoop的开源子项目(Google Chubby的开源实现),它是一个针对大型分布式系统的可靠协调系统,提供的功能包括:配置维护.命名服务.分布式同步.组服务等. Zookee ...
随机推荐
- js foreach比for多出两个undefined
项目中发现,javascript 用foreach会比for多出两个undefined, //会多两个undefined for (var i in _SysFunctions_S) {} //正常 ...
- （转）ubuntu 14.04下安装hadoop2.6（伪分布式）
安装: http://pingax.com/install-hadoop2-6-0-on-ubuntu/ 写的非常好(国外人比较实在,他说的单机实际上是伪分布式...). 另外要注意的是,如果对新 ...
- HDU-1828 Picture（扫描线）
题目大意:给若干个矩形,求轮廓边长. 题目分析:与求面积类似.按从下往上扫描,仍然是底边添加,上边删除.但要同时维护竖边的数目,每次扫描对答案的贡献为扫描线上总覆盖长度的变化量加上竖边的增量.总覆盖长 ...
- [转] JAVA网站高并发解决方案
http://blog.csdn.net/herrapfel/article/details/9630911
- （转） 技术揭秘：海康威视PASCAL VOC2012目标检测权威评测夺冠之道
技术揭秘:海康威视PASCAL VOC2012目标检测权威评测夺冠之道 原创 2016-09-21 钟巧勇 深度学习大讲堂 点击上方“深度学习大讲堂”可订阅哦!深度学习大讲堂是高质量原创内容平台,邀请 ...
- SpringMVC @Value取值(取properties属性文件的属性值)
@Controller @RequestMapping("/reg") public class RegController extends BaseController { @V ...
- Thinking Clearly about Performance
http://queue.acm.org/detail.cfm?id=1854041 The July/August issue of acmqueue is out now acmqueue is ...
- 使用Cloudera部署，管理Hadoop集群
Hadoop系列之(三):使用Cloudera部署,管理Hadoop集群 http://www.cnblogs.com/ee900222/p/hadoop_3.html Hadoop系列之(一):Ha ...
- Linux进程间通信-匿名管道
前面我们讲了进程间通信的一种方式,共享内存.下面看一看另一种机制,匿名管道.1.什么是管道管道是一个进程的数据流到另一个进程的通道,即一个进程的数据输出作为另一个进程的数据输入,管道起到了桥梁的作用. ...
- combobox select .change onSelect事件触发
我现在要完成的功能是:有两个下拉框,当地一个下拉框选择了第一个选项时,第二个下拉框不可用,否则就可用. 用了jQuery easyUI提供的onSelect方法.如下:js文件:$('#select1 ...