本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法。分享给大家供大家参考。具体实现方法如下:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js记录鼠标的点击次数</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> </head> <body> <...
本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下: 对于现代浏览器(支持html5)来说,在客户端统计上传文件的大小,可以通过$(selector)[0].files[0].size来实现。但在老版本的IE浏览器中,比如IE7,IE8或IE9,却不支持这种做法,但可以借助ActiveXObject对象来实现。代码如下:<input type="file" name="f" id="f" value="上传文件"/> <input type="button" value="获取上传图片的大小" id="g"/> @sect...
本文实例讲述了jQuery圆形统计图开发的方法。分享给大家供大家参考。具体分析如下: 这里我们要给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便。效果图如下:首先我们需要将jquery库文件和jquery.circliful.min.js引入到页面中。代码如下: <script src="js/jquery-1.10.2.min.js"></script> <script src="js/jquery.circliful.min.js"></...
代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码 jQuery代码:代码如下: function countNum(){ //alert($(input[name=check]:checked).length); var arrays = new Array(); var items = document.getElementsByName("check"); for(var i=0;i<items.length;i++){ if(items[i].checked){ arrays.push(items[i].value); ...
现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验。 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同。 使用方法是,先增加一个span,用于显示剩余的字数,然后在T...
代码如下:<!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="checkbox" name="check" value="one"/>one<br/> <input type="checkbox" name="check" value="two"/>two<br/> <input type="checkbox" name="check" value="three"/>three<br/> <input type="checkbox" name="check" value="four"/>four<br/> <input type="...
有些需求是为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,并且有些特殊的要求字数不超过多少,下面是实现: 代码如下:<html> <head> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> function tjzs(){ var count = $("#nr").val().length; if(count>10){ var nr = $("#nr").val().substring(0,10); $("#nr").val(nr); count=10; } $("#zs").val(count); } </script...
脚本说明: 把如下代码加入<body>区域中 代码如下:<SCRIPT language="JavaScript"><!-- function getCookieVal(offset) {var endstr=document.cookie.indexOf(";",offset);if(endstr==-1) endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}function GetCookie(name) {var arg=name+"=";var alen=arg.length;var clen=document.cookie.length;var i=0;while(i<clen) {var j=i+alen;if(do...
代码如下:/*****************************************************CreateBy:joe zhou*Description:数组统计函数****************************************************/$.extend({ max: function (arr) { return cacl(arr, function (item, max) { if (!(max > item)) { return item; } else { return max; } }); }, min: fun...
1、js代码部分 代码如下: <script type="text/javascript"> $(function() { function albumName() { var text = $("#album_name").val(); var counter = text.length; $("#numtj var").text(counter); $(document).keyup(function() { var text = $("#album_name").val(); var counter = text.length; $("#name_word").text(counter); }); } }); </script> 2、html部分 代码如下: <input type="text" maxlength="30" ...
以前我使用js只能判断遍历再获取 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery判断复选框的选中个数</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">window.onload = function(){//页面所有元素加载完毕...
jquery tab特效~ (类似选项卡)//www.gxlcms.com/article/42151.htm 代码如下:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tabs</title> <style type="text/css"> /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font */ body,button,input,select,textarea { ...
在做调查问卷的过程中,遇到一个表格的统计问题,算是需要些js方面的综合知识,所以记录下来。 基本需求如下: 核心的htm如下: 代码如下:<div class="tablebox"> <h2> <span>(3)2010年市属疾病预防控制中心信息化建设资金来源及分配情况</span></h2> <div class="blockB"> <p> 说明:单位:万元,精确到小数点后1位</p> </div> <ul> <li> <table border="0" cellspacing="0" cellpadding="0" class="templateTable" width="75...
代码如下:/** * vlstat 浏览器统计脚本 */var statIdName = "vlstatId";var xmlHttp;/** * 设置cookieId */function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()) + ";path=/;domain=cecb2b.com";}/** * 获取cookieId */funct...
Highcharts 官网:http://www.highcharts.com Highcharts 官网示例:http://www.highcharts.com/demo/ Highcharts 官网文档:http://www.highcharts.com/documentation/how-to-use 官网实例中给出了各式各样的demo,可以参照document修改自己需要的即可。 下面是一个学生成绩走势demo: 代码如下:<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example...