随笔分类 -  JavaScript/JQuery

js手机号批量滚动抽奖代码实现
摘要:我们平时在看一些选秀节目或一些歌唱类比赛节目时经常会看到在现场的大屏幕上会有观众的手机号在滚动来选出谁是幸运观众或谁中了什么奖项,这些手机号都是现场观众或场外观众在给选手投票时产生的,当主持人一声开始令下,大屏幕上的手机号就会快速随机滚动,当主持人一声停令下,大屏幕上会随机出现几个停止滚动的手机号, 阅读全文

posted @ 2017-01-13 11:47 绿特 阅读(516) 评论(0) 推荐(0)

10款免费Bootstrap后台模板演示及下载
摘要:自从有了类似Bootstrap这样强大的前端框架之后,无论我们是做静态页面,还是做网站主题,着实方便很多。即便有很多类似的其他国产、海外的前端框架比较,Bootstrap用户量以及功能文档还是比较大的,之前老左也用过一段时间Amaze UI前端,虽然基本的功能与Bootstrap差不多,但是后续的文 阅读全文

posted @ 2015-12-03 11:14 绿特 阅读(5612) 评论(0) 推荐(1)

HTML5程序设计 Canvas API
摘要:检测浏览器支持情况加入Canvas对角线 //取得Canvas元素及其绘图上下文 var canvas = document.getElementById("diagonal"); var context = canvas.getContext("2d"); //用绝对坐标来创建一条路径 ... 阅读全文

posted @ 2014-04-29 10:57 绿特 阅读(179) 评论(0) 推荐(0)

了解JavaScript的执行上下文
摘要:在这篇文章里,我将深入研究JavaScript中最基本的部分——执行上下文(execution context)。读完本文后,你应该清楚了解解释器做了什么,为什么函数和变量能在声明前使用以及他们的值是如何决定的。什么是执行上下文?当JavaScript代码运行,执行环境非常重要,有下面几种不同的情况... 阅读全文

posted @ 2014-04-29 10:03 绿特 阅读(241) 评论(0) 推荐(0)

移动Web框架:jQuery Mobile VS Sencha Touch
摘要:最近常被问到是用jQuery Mobile还是Sencha Touch,本人也比较关注这两个框架,试图从以下两方面发表点儿见解:身家背景,都系出名门1、jQuery Mobile 建立在jQuery 和 jQuery UI框架之上,很好的继承了jQuery支持多浏览器的特性,官方介绍支持 iOS, ... 阅读全文

posted @ 2014-04-22 17:34 绿特 阅读(440) 评论(0) 推荐(0)

Javascrpit学习之路一——基础知识
摘要:1.DOM 文档对象模型 定义:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档的内容、结构和样式。2.Javascript 区分大小写、弱类型语言 变量小写:var temp=12; 函数名:function getMonth(num1,num2)... 阅读全文

posted @ 2014-04-18 18:19 绿特 阅读(830) 评论(0) 推荐(0)

自定义jQuery插件Step by Step
摘要:转载自:http://www.cnblogs.com/rush/archive/2012/10/28/2743957.html 阅读全文

posted @ 2014-04-01 10:17 绿特 阅读(204) 评论(0) 推荐(0)

Web前端开发人员和设计师必读文章推荐
摘要:转载自:http://www.cnblogs.com/lhb25/archive/2011/06/20/must-read-links-for-web-designers-and-developers-volume-1.html 阅读全文

posted @ 2014-03-27 11:33 绿特 阅读(128) 评论(0) 推荐(0)

检测密码强度
摘要:在表单功能中,经常会有检测用户输入的密码强度的功能,下面这个代码片段使用正则表达式来检测密码是否足够安全,当然记得在服务端也进行表单验证。$('#pass').keyup(function(e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A 阅读全文

posted @ 2013-07-23 16:26 绿特 阅读(314) 评论(0) 推荐(0)

如何限制文本框只能输入数字,小数点,英文,汉字等各类代码(转载)
摘要:1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')">2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value)) 阅读全文

posted @ 2013-01-06 11:39 绿特 阅读(225) 评论(0) 推荐(0)

js验证扩展名
摘要:平常在做上传文件的地方都要验证文件的扩展名,毕竟不能让用户上传.asp或者更危险的吧,一般这里的验证都是后端做的,但是这样会影响速度的,比 如用户上传一次就得提交一次,这样很是不利于用户体验,我们可以先验证前台用户这块,如果通过则交给后端,但是切记不可以后端不验证,因为这样的话可能被 黑客利用的哦。说下JS验证上传文件的扩展名:先在flie上添加“嫦娥”onchange事件,如:<input type="file" name="file" id="file" onChange="checkFileName(this)& 阅读全文

posted @ 2012-12-06 17:03 绿特 阅读(1136) 评论(0) 推荐(1)

jQuery操作Select
摘要:jQuery是如何控制和操作select的。先看下面的html代码 <select id="test"><option value="1">选项一<option><option value="2">选项<option> ...<option value="n">选项N<option></select>//所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”, 看下面的jQuer 阅读全文

posted @ 2012-08-05 12:05 绿特 阅读(145) 评论(0) 推荐(0)

DIV随屏幕滚动JS代码
摘要:var tips; var theTop = 250/*这是默认高度*/; var old = theTop;function initFloatTips() { tips = document.getElementById('floatTips'); moveTips();};function moveTips() { var tt=50; if (window.innerHeight) { pos = window.pageYOffset } else if (document.documentElement && document.documentElem 阅读全文

posted @ 2011-12-15 12:44 绿特 阅读(1037) 评论(0) 推荐(0)

JavaScript回到顶部的效果实现
摘要:很多网页在下方都会放置一个“返回顶部”按钮,尤其是页面底部没有导航的网页,这样可以帮助访客重新找到导航或者重温一遍广告(想得真美)。随着近几年来 JavaScript 的应用日渐广泛,滑动效果无处不在,于是我也跟跟风,将返回顶部功能做成了滑动效果。后来为了更贴合物理特征, 改造做成了减速的滑动效果。首先说一下原理吧,我们会获取滚动条到页面顶部的距离,然后上移一定的距离;再获取滚动条到页面顶部的距离,上移一定的距离(比上一次小一点);以此类推 ...先上代码吧: 1 <script type="text/javascript"> 2 3 /** 4 5 * 回到页 阅读全文

posted @ 2011-12-15 11:07 绿特 阅读(364) 评论(0) 推荐(0)

基于Jquery+Ajax+Json+高效分页
摘要:摘要分页我相信大家存储过程分页已经很熟悉了,ajax更是耳熟能详了,更别说我们的json,等等。如果说您没用过这些东东的话,我相信看完这篇博文会对您有帮助的,,如果有任何问题不懂或者有bug没问题,欢迎随时联系我,同时也欢迎高手多给点意见,我不建议在喷子中成长。前言相信很多朋友都用过,Jquery的分页插件,我之前就用的jquery.paper这个,如果有兴趣可以留下QQ,我发份简单的实例源码给您。该代码是晚上匆忙中完成的,所以没怎么优化,但是主要作为实例来结合这些知识的一个综合运用。好了废话不多说,直接上代码。vs2010+sql2005express正文首先我们创建一般处理程序,来读取.. 阅读全文

posted @ 2011-09-13 11:43 绿特 阅读(441) 评论(2) 推荐(0)

导航