Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

今天项目经理刚交给一个活儿,要我实现这样一个功能:要实现的是验证码文本框变窄一点,然后右边加入一副验证码图片,并且在响应式布局的情况下在移动端访问的时候验证码图片能保持和验证码文本框在同一行,这个怎么做?难为了半天,后来找到了实现思路,下面小编把我的想法及实现过程分享给大家,有问题欢迎提出,共同学习进步!实现思路:实现效果图自己往里面加入bootstrap的栅格布局代码,控制在不同分辨率下面的排布情况。这样实现唯一的前提条件就是你的验证码图片高度需要和in...
Bootstrap弹出带合法性检查的登录框实例代码【推荐】

Bootstrap弹出带合法性检查的登录框实例代码【推荐】

最近做了一个项目其中有项目需求涉及到访问控制,在访问需要登录才能使用的页面或功能时,会弹出登录框:效果如下: 图 1-点击用户名时,如未登录弹出登录框对这个功能的详细描述:不涉及到登录时,登录框隐藏涉及到登录时,登录框弹出到页面左上角登陆成功后登录框隐藏实现思路: 在body结束标签之前插入登录的div,设其定位方式为absolute,位置在左上角。登录框默认的display属性为none。触发登录时,将该属性改为block附上示例代码:<!DOCT...
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码

Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码

使用Bootstrap导航条组件时,如果你的导航条带有下拉菜单,那么这个带下拉菜单的导航在点击时只会浮出下拉菜单,它本身的href属性会失效,也就是失去了超链接功能,这并不是我想要的,我希望导航条的链接可以正常打开它的链接,但又需要下拉菜单功能,开始折腾~首先解决带下拉菜单的导航条可以点击问题,下拉菜单效果是JS实现的,分析bootstrap.js文件发现,Bootstrap把下拉菜单写成了一个JQuery插件,在dropdown代码段中找到了关键的几句:...
微信QQ的二维码登录原理js代码解析

微信QQ的二维码登录原理js代码解析

在很多地方就是都出现了使用二维码登录,二维码付款,二维码账户等应用(这里的二维码种马,诈骗就不说了),二维码验证,多终端辅助授权应用开始多起来,这里先说下啥是二维码,其实二维码就是存了二进制数据的黑白图片,当出现要求二维码登录的时候,服务器会生成一条临时的唯一的二维码信息,发送到客户端以二维码(图片)的形式写入到网页,然后你就会看到统一的四个方形的二维码,如果做的好这个二维码信息应该是有时效的,这里暂且不考虑这些,就简单的微信登录作为例子看看吧:首先说下整...
javascript类型系统_正则表达式RegExp类型详解

javascript类型系统_正则表达式RegExp类型详解

前面的话前面已经介绍过javascript中正则表达式的基础语法。javascript的RegExp类表示正则表达式,String和RegExp都定义了方法,使用正则表达式可以进行强大的模式匹配和文本检索与替换。本文将介绍正则表达式的RegExp对象,以及正则表达式涉及到的属性和方法对象javascript中的正则表达式用RegExp对象表示,有两种写法:一种是字面量写法;另一种是构造函数写法Perl写法正则表达式字面量写法,又叫Perl写法,因为java...
EasyUI在表单提交之前进行验证的实例代码

EasyUI在表单提交之前进行验证的实例代码

使用EasyUi我们可以在客户端表单提交之前进行验证,过程如下:只需在onSubmit的时候使用return $("#form1").form("validate")方法即可,EasyUi中form模块中的from("validate")方法会自行对我们指定的表单中required=true等需要验证的的元素进行验证,但有不通过的元素时返回一个false;$("#form").form({url: "login.ashx",onSubmit: functi...
js动态获取子复选项并设计全选及提交的实现方法

js动态获取子复选项并设计全选及提交的实现方法

在做项目的时候,会遇到根据父选项,动态的获取子选项,并列出多个复选框,提交时,把选中的合并成一个字符提交后台本章将讲述如何通过js控制实现该操作:1:设计父类别为radio,为每一个radio都加上onclick事件,并默认类别1为选择状态。<input type="checkbox" name="selectall" id="selectall" onClick="selectAll();" checked="checked"/>全选<...
老生常谈 关于JavaScript的类的继承

老生常谈 关于JavaScript的类的继承

其实最一开始学JS的时候就看过继承的实现。当时只是去试着理解从书上看来的代码段而已。今天又重新思考了一下,感觉这是一个思维探索演进的结果。继承,即复用。如果抛开继承的固有思想,让b复用a的成员,最简单粗暴的做法, b=a;那么,问题来了: 对b的任何改动,就是对a的改动(同一个object嘛)。好吧,那就拷贝一份,浅拷贝不够安全的话,就用深拷贝。问题:代码是复用了,但内存浪费了(不管是变量还是方法,在JS中都是对象)。不拷贝,只读不写,就可以用JS的原型,...
AngularJS 路由和模板实例及路由地址简化方法(必看)

AngularJS 路由和模板实例及路由地址简化方法(必看)

最近一同事在学习AngularJS,在路由与模板的学习过程中遇到了一些问题,于是今天给她写了个例子,顺便分享出来给那些正在学习AngularJS的小伙伴们。话说这AngularJs 开发项目非常的爽,其中爽就爽在它的开发模式,使得代码更加的清晰、更加具有可读性、更简洁、更具有维护性。但是在使用AngularJS开发的过程中也有让我头疼的地方,那就是目前前端框架更多的还是以Jquery为主,很多插件都是依赖于Jquery的,AngulaJS的插件少之又少(除...
<< 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 >>