本文实例讲述了javascript文本模板用法。分享给大家供大家参考。具体如下: 这是我参考Prism.js算法写的一个小功能,没什么可说的,作为程序猿看例子应该秒懂。 字符串模板引擎类:/*class*/StringTemplate = function ( /* Optional {patt: RegExp, clPatt: RegExp}*/pattern) {if (!!pattern) {this.patt = pattern.patt;this.clPatt = pattern.clPatt;} else {this.patt = /%\{\s*[\w\-]+\s*\}/g;this.clPatt = /(^%\{\s*)|(\s*...
本文实例讲述了轻量级网页遮罩层jQuery插件用法。分享给大家供大家参考。具体如下: 使用jQuery的好处是很多人为它写一些组件,而在项目所需用到功能也都可以找到一些组件去完成。 现在又这样一个需求当用户点击一个按钮后不允许用户进行任何的操作,取而代之的是弹出一个遮罩层显示一个loading提示框,效果如下。其实这个需求很简单,但很多组件体积相对这个需求来说太大了,在网上瞎溜达了找到了一个还不错的组件,作者是上面也没...
本文实例讲述了javascript实现的淘宝旅行通用日历组件用法。分享给大家供大家参考。 在线演示:http://demo.jb51.net/js/2015/trip-calendar/demo.html PS:下面的演示代码,需要用到 trip-calendar.js与trip-calendar.css文件。打包下载地址 具体如下:淘宝旅行通用日历组件Demo1body{padding:0;margin:0 10px;text-align:center;} .title{padding:0;margin:10px 0;font:700 18px/1.5 \5fae\8f6f\96c5\9ed1;} .title a{font:400 1...
本文实例讲述了JavaScript数组各种常见用法。分享给大家供大家参考。具体如下: 运行效果如下图所示:具体代码如下:javascript各种数组方法的使用div{color:green;padding:10px 15px;margin:12px 0;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;word-wrap:break-word;}window.onload = function () {var aDiv = document.getElementsByTagName("div");var aInput = document.getElementsByTagName("inpu...
本文实例讲述了JavaScript数组对象赋值用法。分享给大家供大家参考。具体如下: 这里JavaScript数组对象的使用会使你的JS程序变得简洁而有效率,但是好像不少新手都不喜欢用数组,因为觉得它们抽象,不好理解,其实只要你认真领悟,它就像捅破窗户纸一样,令你豁然开朗。希望通过本实例,你对数组会有更多的理解。 运行效果图如下:具体代码如下:Js数组对象方法应用示例结果为:"+user_inputs.join("")); </ script>
本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下: animate的用法: animate( Hash params, String|NumberJavascript 字符串或数字值 speed, String easing , Function callback(可选) 在动画完成时执行的函数 )用于创建自定义动画的函数。 实例运行效果截图如下:具体代码如下:animate $(document).ready(function(){$("a").toggle(function(){$(".stuff").animate({ height: 'hide', opacity: 'h...
本文实例讲述了jQuery网页选项卡插件rTabs用法。分享给大家供大家参考。具体如下: 这里介绍jQuery网页选项卡插件rTabs用法,一共演示了4种TAB选项卡样式,第一种:默认样式:自动运行、无动画效果、Hover事件;第二种:自动运行、向上滚动、支持Hover事件的TAB选项卡菜单;第三种:自动运行、渐入淡出、支持Hover事件的选项卡;第四种:自动运行、向左滚动、点击事件的网页选项卡,选一个你喜欢的放在你的网站吧。 先来看看运行效...
本文实例讲述了JS自定义选项卡函数及用法。分享给大家供大家参考。具体如下: 这里分享一个JS选项卡函数附带演示效果,选项卡函数参数调用说明: cmd:点击元素集合 con:显示容器集合 evt:触发事件 css:为当前点击元素的样式名称 index:为默认显示第几项的索引值 目前选项卡的样式还比较简洁和粗糙,想用的自己动动手美化一下。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-zdy-tab-cha-fun-s...
本文实例总结了jQuery中常用的遍历函数用法。分享给大家供大家参考。具体如下: 1. children()函数 children()函数用于选取每个匹配元素的子元素,并以jQuery对象的形式返回。 你还可以使用选择器进一步缩小筛选范围,筛选出符合指定选择器的元素。 用法示例如下:// 返回jQuery对象所有匹配元素的标识信息数组 // 每个元素形如:tagName或tagName#id(如果有id的话) function getTagsInfo($doms){return $doms.map(function(){retu...
本文实例讲述了jquery动态导航插件dynamicNav用法。分享给大家供大家参考。具体如下: 这是一款自己写的jquery动态导航插件—dynamicNav,具体思路是: 第一、给所有的li里插入一个span标签,且包含li里面的a标签 第二、复制一份a标签,插入到span里,现在span里有两个a标签 第三、根据传入的参数判断是垂直切换还是水平的,如果是垂直的,将span的宽度改为一个a标签的宽度,这时两个a标签就垂直排列了,这里一定要将li的overflo...
本文实例讲述了js实现的Easy Tabs选项卡用法。分享给大家供大家参考。具体如下: 本网页选项卡是Easy Tabs选项卡插件中的一个演示实例代码,是一个最简单的选项卡样式,稍带点动画色彩,希望大家喜欢哦。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-Easy-Tabs-cha-menu-codes/ 具体代码如下:Tabs选项卡/*Example for a Menu Style*/ .menu {background-color:#ececec; color:#272727; border-bottom:...
本文实例讲述了JavaScript实现的浮动层框架用法。分享给大家供大家参考。具体如下: 这是一个JavaScript编写的浮动层框架,作为框架来说,骨干已经完成了。可以实现“类”、“构造函数”、“继承”(木有实现多继承)、“静态方法”、“重载”(木有实现多态),对我来说主要的意义就是,我喜欢这种代码风格,可以非常简单的重用和二次开发。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-float-win-fra...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下: 这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中,实现此功能的重点和难点就是通过正则进行判断等级,有兴趣的朋友可以慢慢探究。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/jquery-passwordStrength-...
本文实例讲述了javascript闭包(Closure)用法。分享给大家供大家参考,具体如下: closure被翻译成“闭包”,感觉这东西被包装的太学术化。下面参考书本和网上资源简单探讨一下(理解不当之处务请留意)。 1、什么是闭包 官方的回答:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。 看了上面的定义,如果你不是高手,我坚信你会和我一样愤怒的质问:这...
本文实例讲述了javascript中eval和with用法。分享给大家供大家参考,具体如下: 我们都知道javascript的作用域机制,但是with和eval有时会“破坏”我们对于作用域的常规理解。下面参考网上资源和自己理解总结一下eval和with的用法。 一、eval 1、eval函数:把一个字符串当作一个js表达式一样去执行它. 2、语法:eval(strScript) 注:参数strScript是必填项 3、使用说明 (1)它是有返回值的,如果参数字符串是一个表达式,就会返回表...