JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

基于JavaScript实现生成名片、链接等二维码

基于JavaScript实现生成名片、链接等二维码

2017年02月06日 13 阅读

废话不多说，直接贴代码了，具体内容如下；<div id = "qrcodeid"></div> //生成的二维码放在此 div 中<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js（到https://github.com/jeromeetienne/jquery-qrcode 下载）<s...

jquery+正则实现统一的表单验证

jquery+正则实现统一的表单验证

2017年02月06日 11 阅读

表单验证一直很繁琐，特别是大点的表单，如果每个input都去单独写验证简直要写死人，最近写了一小段js统一的验证表单内容是否正确。使用这段代码就不再需要对每个input写格式判断，只需要将正确格式的正则表达式写在datatype里就可以了，提交表单按钮也只需要绑定checkForm函数就可以了。大家有什么建议可以评论一下<input type="text" datatype=“正则”/>//表单验证//点击下一步事件function check...

用户代理字符串userAgent可实现的四个识别

用户代理字符串userAgent可实现的四个识别

2017年02月06日 12 阅读

定义用户代理字符串:navigator.userAgent HTTP规范明确规定，浏览器应该发送简短的用户代理字符串，指明浏览器的名称和版本号。但现实中却没有这么简单。发展历史【1】1993年美国NCSA国家超级计算机中心发布了世界上第一款web浏览器Mosaic，该浏览器的用户代理字符串为Mosaic/0.9【2】Netscape公司进入浏览器开发领域，将自己产品的代号定名了Mozilla（Mosaic Killer）的简写，用户代理字符串格式为M...

基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage

基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage

2017年02月06日 12 阅读

先给大家展示效果图如下所示：使用方法：首先在head区引入jquery.js，jquery-ui.js，fullPage.js以及样式文件jquery.fullPage.css<link rel="stylesheet" href="css/jquery.fullPage.css"><script src="js/jquery.min.js"></script><script src="js/jquery-ui.m...

基于jQuery Circlr插件实现产品图片360度旋转

基于jQuery Circlr插件实现产品图片360度旋转

2017年02月06日 13 阅读

Circlr是一款可以对产品图片进行360度全方位旋转展示的jQuery插件。Circlr通过按一定角度规律拍摄的产品图片，制作出可以使用鼠标拖动、鼠标滚轮和移动触摸来进行图片逐帧旋转的效果。比先前的Rollerblade，动画顺畅了许多，也更易于控制，该插件非常适合于商品的展示。它的特点有：支持水平或垂直方向旋转。支持移动触摸事件。支持滚动事件。图片预加载处理。可以反向和循环旋转图片。jQ酷实例教程：jQuery产品图片360度旋转Circlr引入核心文...

基于replaceChild制作简单的吞噬特效

基于replaceChild制作简单的吞噬特效

2017年02月06日 13 阅读

效果演示图：源码查看【HTML代码说明】<ul class="list" id="list"><li class="in">1</li><li class="in">2</li><li class="in">3</li><li class="in">4</li><li class="in">5</li><li cl...

JS实现超简单的仿QQ折叠菜单效果

JS实现超简单的仿QQ折叠菜单效果

2017年02月06日 12 阅读

本文实例讲述了JS实现超简单的仿QQ折叠菜单效果。分享给大家供大家参考。具体如下：这是一款经过精简后的仿QQ折叠菜单代码，以前发过的，不过这个是经过几轮代码精简后的一个版本，而且在各浏览器下的表现也很不错，兼容性没出问题。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-f-qq-zd-style-menu-codes/具体代码如下：<！DOCTYPE html><html ...

JS+CSS实现简单的二级下拉导航菜单效果

JS+CSS实现简单的二级下拉导航菜单效果

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现简单的二级下拉导航菜单效果。分享给大家供大家参考。具体如下：这是一款CSS配合JavaScript实现二级下拉导航菜单，好像CSS要配合JS才能写出好效果来，本款菜单同样用到了JS，菜单目前支持两级，下拉导航是我们经常用的一种菜单形式，把这个修改一下你就能用了，结构挺简单，相信你会做好的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-simple-2l-fade-d...

jQuery实现响应鼠标滚动的动感菜单效果

jQuery实现响应鼠标滚动的动感菜单效果

2017年02月06日 12 阅读

本文实例讲述了jQuery实现响应鼠标滚动的动感菜单效果。分享给大家供大家参考。具体如下：这是响应鼠标滚动的一款jQuery动感菜单，横向竖向这个大家怎么改吧，使用了jquery插件，不要忘记载入哦。看效果的时候如果加载有错误，请刷新一下页面就行了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-mouse-over-dg-menu-style-codes/具体代码如下：<！DOCTYPE ...

JS实现适合于后台使用的动画折叠菜单效果

JS实现适合于后台使用的动画折叠菜单效果

2017年02月06日 13 阅读

本文实例讲述了JS实现适合于后台使用的动画折叠菜单效果。分享给大家供大家参考。具体如下：这是一款适合于后台使用的动画折叠菜单，代码超简，无jQuery，展开与折叠效果平滑。本演示中有两组菜单，向大家展示如何在一个网页中布局两个菜单，整体效果以及兼容性还算可以，希望在实际应用中不会出现什么问题。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-ht-control-animate-zd-menu-codes/...

基于insertBefore制作简单的循环插空效果

基于insertBefore制作简单的循环插空效果

2017年02月06日 11 阅读

效果图展示：源码查看【功能说明】利用insertBefore制作简单的循环插空效果【HTML代码说明】<ul class="list" id="list"> <li class="in">1</li> <li class="in">2</li> <li class="in">3</li> <li class="in">4</li> <li ...

基于jQuery实现多层次的手风琴效果附源码

基于jQuery实现多层次的手风琴效果附源码

2017年02月06日 11 阅读

基于jQuery多层次的手风琴是一款经过美化的多级多层次手风琴特效代码。效果图如下：在线预览源码下载html代码：<aside class="accordion"> <h>News</h> <div class="opened-for-codepen"><h>News Item #</h><div class="opened-for-codepen"><h>N...

JavaScript验证Email（3种方法）

JavaScript验证Email（3种方法）

2017年02月06日 11 阅读

今天为大家推荐三种JavaScript验证Email方法，希望对大家的学习有所帮助。第一种：javascript验证邮箱格式<SCRIPT LANGUAGE=javascript RUNAT=Server>function isEmail（strEmail） {if （strEmail.search（/^w+（（-w+）|（.w+））*@[A-Za-z0-9]+（（.|-）[A-Za-z0-9]+）*.[A-Za-z0-9]+$/）！= -1...

Javascript验证方法大全

Javascript验证方法大全

2017年02月06日 12 阅读

本文整理了关于Javascript表单验证的所有涉及到的，大家仔细阅读一定会有所收获的//验证字符串非空 var Validator = { VerityLib: {IsNotEmpty: function （input） { if （input ！= ""） { return true; } else { return false; } },//验证数字（double类型） [可以包含负号和小数点] IsNumber: function （input） ...

JavaScript实现网页加载进度条代码超简单

JavaScript实现网页加载进度条代码超简单

2017年02月06日 12 阅读

网页进度条能够更好的反应当前网页的加载进度情况，loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。但是目前的浏览器并没有提供页面加载进度方面的接口，也就是说页面还无法准确返回页面实际加载的进度，本文中我们使用jQuery来实现页面加载进度条效果。HTML首先我们要知道的是，目前没有任何浏览器可以直接获取正在加载对象的大小。所以我们无法通过数据大小来实现0-100%的加载显示过程。因此我们需要通过html代码逐行加载的特性，在整页代...

jQuery+HTML5美女瀑布流布局实现方法

jQuery+HTML5美女瀑布流布局实现方法

2017年02月06日 11 阅读

本文实例讲述了jQuery+HTML5美女瀑布流布局实现方法。分享给大家供大家参考。具体如下：这是一款JavaScript与HTML5实现美女瀑布流布局，本方法是把图片的路径写在了JS的数组里，不过重点好像不是在这里，而是在图片如何自动排列的问题，你可以运行本实例后，点击“加载瀑布流布局”按钮，即可看到图片的瀑布流排列效果，现在很流行这个，希望您从本代码中能找到一些灵感。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2...

JS实现仿微博可关闭弹出层效果

JS实现仿微博可关闭弹出层效果

2017年02月06日 11 阅读

本文实例讲述了JS实现仿微博可关闭弹出层效果。分享给大家供大家参考。具体如下：这里推荐给大家一款真心不错的JavaScript网页弹出层，仿微博JS弹出层可关闭，点击按钮才弹出来，可制作成网页客服之类的，比如在网页的右侧显示这么一个按钮，当点击的时候，展开层，显示客服QQ，效果还是很不错的！运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-weibo-close-able-alert-codes/具体代...

Java Mybatis框架入门基础教程

Java Mybatis框架入门基础教程

2017年02月06日 12 阅读

一、Mybatis介绍MyBatis是一款一流的支持自定义SQL、存储过程和高级映射的持久化框架。MyBatis几乎消除了所有的JDBC代码，也基本不需要手工去设置参数和获取检索结果。MyBatis能够使用简单的XML格式或者注解进行来配置，能够映射基本数据元素、Map接口和POJOs（普通java对象）到数据库中的记录。二、MyBatis工作流程（1）加载配置并初始化触发条件：加载配置文件配置来源于两个地方，一处是配置文件，一处是Java代码的注解，将...

基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享

基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享

2017年02月06日 12 阅读

效果展示如下：查看演示下载源码HTML结构Apple TV是由苹果公司继 Airport Express 之后推出的一款高清电视机顶盒产品。如果你曾经使用过，一定会被其中的炫酷电影海报视觉差特效所吸引。该视觉差特效的HTML结构使用一个<div>作为容器，在它里面的每一个<div>都是一个“层”。<div class="poster"> <div class="shine"></div> <...

jQuery实现Tab菜单滚动切换的方法

jQuery实现Tab菜单滚动切换的方法

2017年02月06日 11 阅读

本文实例讲述了jQuery实现Tab菜单滚动切换的方法。分享给大家供大家参考。具体如下：这是一款jQuery实现让你的Tab菜单滚动的代码,先运行一下看看效果咋样?是不是超不错,让你的网页变得灵动起来,不再静止,学习jquery的朋友也可作为范例来参考吧.运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-tab-menu-cha-style-codes/具体代码如下：<！DOCTYPE...

<< 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图