本文实例讲述了JS简单编号生成器实现方法。分享给大家供大家参考,具体如下: 运行效果截图如下:具体代码如下:编号生成器编号生成器前缀: 后缀:位数:连续数字随机字符范围: ~ 过滤字符: 多个使用,号分割0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 包含字符:随机生成个数:var boNum = true; function fnNum() {document.getElementById('divNum').style.display = 'block';document.getElementByI...
本文实例讲述了JS基于ocanvas插件实现的简单画板效果。分享给大家供大家参考,具体如下: 使用ocanvas做了个简单的在线画板。 ocanvas参考:http://ocanvas.org/ 效果如下:主要代码如下:oCanvas Examplevar line_color = '#000';var line_size = 3;$(function(){$('.tool .color div').click(function(){$('.tool .color div').removeClass('active');$(this).addClass('active');line_color = $(this).data('color');mouseDot.f...
本文实例讲述了JS密码生成与强度检测的方法。分享给大家供大家参考,具体如下:1. 生成强密码截图如下:相关代码如下:function getPwd(n) {var s = ;while(n--)s += String.fromCharCode(33 + Math.floor(Math.random()*(126-33)))document.getElementById(txt1).value = s; }2. 计算密码破解时间截图如下:相关代码如下:function getTime() {var str = 预计破解用时:;var selChar = document.getElementById(selChar);var txtP...
Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件。它支持搜索,并且能直接影响原始的选择框,而原始的选择框是用作数据容器。通过该下拉列表框插件可以多选项进行分组,设置选项的图标,对选项进行搜索过滤,以及进行多选选择。效果展示 源码下载 使用方法 使用该下拉类别框插件需要在页面中引入fm.selectator.jquery.css、jQuery和fm.selectator.jquery.js文件。HTML结构 一个选项带图标级带分组选项的下拉列...
Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件。该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单,并带有浮动标签特效。在线预览 源码下载 使用方法使用该Material Design风格表单需要在页面中引入jquery,bootstrap相关文件和materialFormStyles.css、materialForm.js文件。HTML结构该Material Design风格表单的HTML结构是固定的,你可以复制下面的代码。...
我们经常会应用到日期和时间选择器,之前我们使用最多的是jQuery UI的datepicker(),那么今天我给大家介绍一款非常有趣的日期和时间选择器,它分为日期选择器datedropper以及时间选择器timedropper,他们俩尤其适合在移动端上应用。 在线演示 源码下载 日期选择器datedropper 使用非常简单,分三步,1、引入相关js和css文件。注意datedropper和timedropper都是基于jQuery的插件,所以也要引入jQuery库文件。2、布置body中的...
演示代码: 代码如下: $("#btn").click(function () { alert("click"); $("#msg").load("hello.txt"); }) JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美解决axios在ie下的兼...
思维是个很诡异的东西,一旦陷入某个死角,很难逃出. 惟有冷却一些时间,完全抛开旧的思维,才能找到新的出路. 其实就是一个幻灯效果,考虑到使用方便,就封装成一个插件了. 插件特点 1. 参数高度自定义; 2. 可重复调用且与不影响; 3. 插件文件小,压缩后仅1.04k,开发版3.29k. 演示及下载 点此查看DEMO 点此下载插件 使用方法 1. 引入jQuery库文件及jQuery.iFadeSlide.pack.js插件文件(若页面有其他js文件,可与之合并以减小http请求),引入...
效果图: HTML: 代码如下: aaaaaa bbbbbb ccccc ddddd AAAAAA BBBBBBBB CCCCCC DDDDDD JS: 代码如下: $(function(){ $(#chklist).hcheckbox(); $(#radiolist).hradio(); $(#btnOK).click(function(){ var checkedValues = new Array(); $(#chklist :checkbox).each(function(){ if($(this).is(:checked)) { checkedValues.push($(this).val()); } }); alert(checkedValues.join(,)); alert($(#radiolist :checked).val()); }...
修正hashtableobj.set("length","0") bug 可以设置key忽略大小写 可以clone hashtable对象 可以 使用obj.valueOf("key","defalutvalue") 设置默认值等等 欢迎修正bug 代码如下: // Authors Birdshome, 麻袋@博客园 改版 phito,彭海涛 Object.prototype.Clone = function() { var objClone; if ( this.constructor == Object ) objClone = new this.constructor(); else objClone = new this.constructor(this.valueOf()); for ...
XHTML结构: 代码如下: 请稍候... 引入myFocus版本js,引入js的时候注意次序,因为这跟页面加载js的次序有关: 代码如下: 注:这里用到了slide3D效果 其他效果Demo可以查看官网: http://www.cosmissy.com/myfocus/demo.html Javascript: 代码如下: var mf = myFocus; //简称 var param = { id: "myFocus", pattern: "mF_slide3D", time: 5, //切换时间间隔 trigger: 'click', //触发模式:click-点击...
英文链接:http://desizntech.info/2011/01/10-must-see-new-useful-jquery-plugins/ 1.Shadow Animation背景动画,支持淡入淡出效果,可惜ie不支持,火狐和谷歌浏览器能正常运行。 2.jQuery Quick TipjQuery快速提示插件。3.uGallery – Tiny and Clean Image Gallery 用户浏览图片的插件。 4.ezColumns 动态列插件 5.slideMosaic 有点像七巧板的感觉的插件 6.Modalpop 弹出窗提示插件 7.jQuery File Upload jQuery文件上传插件...
待改进部分 1.大图可根据浏览器分辨率自动缩放,目前是按照固定的宽和高显示,超出部分隐藏。 2.大图现在是直接载入了所有,若图片很多时,体验不好。可改为异步加载,或者延迟加载,这个可以用jquery控件lazyload实现。 3.缩略图是根据上传时设定的参数直接生成的,如果是竖形图片,会出现被压缩的情况。可以改为只显示局部,超出部分隐藏。 4.缩略图列表的滑动采用了jcarousellite插件,如果将幻灯片提取为插件的话,需要整合为一...
从网上下载来的版本多多少少都有些BUG,尤其是加载后在IE6和IE7下图片闪动是个大问题,在网上查了很久,也没有找到相关的解决方案。没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,理了理思路,结合前段时间我做弹出窗口特效的方法,解决了Jquery.LazyLoad.js的兼容问题,现将思路和方法与大家分享一下。 解决思路大致是两点,一是从LazyLoad本身的滤镜参数下手,发现有一个参数在IE6和IE7是可以用的,就是show,那么...
可以从这里下载jQuery 1.6: http://code.jquery.com/jquery-1.6.js http://code.jquery.com/jquery-1.6.min.js Microsoft CDN 下载: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js jQuery的官方博文中也鼓励社区会员参与到jQuery的核心工作中。此外,jQuery官方透露,已准备着手jQuery 1.7的开发工作,如果你有相关建议,可以向他们提交表单。脚本之家提供的历史版本打包下载。jquery 最新版框架下载(1.32-1.6)