JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery+css+html实现页面遮罩弹出框

2016年07月27日 7 阅读

页面遮罩弹出框是最常见的一种情况，今天用jQuery实现页面遮罩弹出框，主要用的技术有JQuery，css和html,html代码如下：复制代码代码如下:<div id="main"><a href="javascript:showBg（）;">点击这里查看效果</a> <div id="fullbg"></div> <div id="dialog"> <p class="cl...

jquery实现图片等比例缩放以及max-width在ie中不兼容解决

2016年07月27日 5 阅读

上次用原生的JavaScript实现的图片等比例缩放，max-width和max-height在ie6中不兼容问题，今天用jQuery实现了这些问题 jQuery部分代码复制代码代码如下: <script type="text/javascript"> $（document）.ready（function（）{ var maxWidth=$（".imgBox"）.width（）; $（"img"）.each（function（）{ if（！...

JavaScript 验证码的实例代码（附效果图）

2016年07月27日 6 阅读

效果如下：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .code { background:url（code_bg.jpg）; font-family:Arial; font-style:italic; color...

JS在textarea光标处插入文本的小例子

2016年07月27日 5 阅读

下面是代码:复制代码代码如下:--------------------------------------------------------------------------------<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm...

Js过滤空格的实现代码

2016年07月27日 5 阅读

过滤空格随意输几个带空格的字符串试试： [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

JS模块与命名空间的介绍

2016年07月27日 5 阅读

起因将代码组织到类中的一个重要原因是让代码更加“模块化”，可以在很多不同的场景中实现代码的重用。但类不是唯一的模块化代码的方式。一般来讲，模块是一个独立的JS文件。模块文件可以包含一个类定义、一组相关类、一个实用函数库或者一些待执行的代码。模块化的目标是支持大规模的程序开发，处理分散源中代码的组装，并且能让代码正确运行，哪怕包含了不需要的模块代码，也可以正确执行代码。理想状态下，所有模块都不应当定义超过一个全局标识。模块函数通过把模块定义在某个函数的内部来...

Base64编码加密JS代码网页版

2016年07月27日 9 阅读

你可将本页保存后上传到你的网站中，这样你就拥有了一个Base64编码加密、解密的功能页面，让需要的用户去访问你的网页。Base64编码加密BODY { MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"}A { FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATIO...

Js md5加密网页版MD5转换代码

2016年07月27日 5 阅读

md5加密 var hexcase = 0; var b64pad = ""; var chrsz = 8; function hex_md5（s）{ return binl2hex（core_md5（str2binl（s）, s.length * chrsz））;} function b64_md5（s）{ return binl2b64（core_md5（str2binl（s）, s.length * chrsz））;} functi...

jquery文字上下滚动的实现方法

2016年07月27日 5 阅读

复制代码代码如下://上下滚动var textRoll=function（）{$（"#notice p:last"）.css（{"height":"0px","opacity": "0"}）.insertBefore（"#notice p:first"）.animate（{"height":"35px","opacity": "1"}, "slow", function（） { $（this）.removeAttr（"style"）;}）; }$（fun...

JS实现网页百叶窗效果

2016年07月27日 5 阅读

网页百叶窗特效代码 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

只出现一次的提示信息（js+cookies）

2016年07月27日 5 阅读

只出现一次的提示信息var alertmessage="Welcome to 脚本之家这个提示信息只会出现一次哟！刷新一下页面试试？肯定没有提示了~"var once_per_session=1function get_cookie（Name） {var search = Name + "="var returnvalue = "";if （document.cookie.length > 0） {offset = document.cookie.in...

JQuery实现用户名无刷新验证的小例子

2016年07月27日 5 阅读

1.在静态页面里添加文本框及样式和js脚本的引用：复制代码代码如下:Code highlighting produced by Actipro CodeHighlighter （freeware）http://www.jb51.net/--><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server"> <title>无标题...

鼠标滚轮控制网页横向移动实现思路

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> $（"body"）.mousewheel（function（event, delta） { var left=$（win...

使用JavaScript构建JSON格式字符串实现步骤

2016年07月27日 15 阅读

如果你现在正在使用Restful API，并且你需要通过web项目来构建json格式字符串的响应，那么这篇文章将帮助你使用javascript来创建json格式字符串。这是非常有用的，我们将通过jQuery插件$.toJSON把数据对象转换为json格式。使用JavaScript构建JSON格式字符串 JavaScript代码: 在这里包含了javascript代码。$（“#form”）.submit（function（）{}- delete_butto...

jQuery+CSS实现菜单滑动伸展收缩（仿淘宝）

2016年07月27日 7 阅读

功能很实用，代码非常的简单效果1.效果2.样式代码如下：复制代码代码如下: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0 } span{ color:#FF2B13 } a{ text-decoration:none; color:#515050 } a:ho...

JS实现淘宝幻灯片效果的实现方法

2016年07月27日 5 阅读

实现思路：1、for循环给数字按钮加上点击事件。2.for循环先把按钮的样式清空，再把当前样式设置样式。3、给每个按钮添加自定义属性index aBtn[i].index=i aBtn[2]=2 第二个按钮和第二张图片想对应，用运动框架把大图的UL每次移动-150px，因为图片高度是150px。如果移动到第n张图片就是-150*n。4、定义变量now，用来自动播放用的。把当前图片赋值给now now=this.index。5、定义自动播放函数。now++ ...

关于div自适应高度/左右高度自适应一致的js代码

2016年07月27日 6 阅读

在使用DIV和CSS进行网页布局中，DIV的自适应高度和自适应宽度是一个很常见的问题。为了保证页面的整体美观性，需要将两个或者多个层的高度/宽度保持一致。左右自适应高度一致 Jquery 复制代码代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/>5<...

Jquery实现带动画效果的经典二级导航菜单

2016年07月27日 5 阅读

导航菜单比较实用，当然还是选择经典的，代码最少的，效果最好的喽，各位童鞋请围观哦，废话不说，效果图如下，欢迎评价：看代码：复制代码代码如下: <！DOCTYPE html > <html> <head> <title>一款带动画效果的经典二级导航菜单Jquery特效</title> <meta name="author" content="Jquery" /> <meta...

jquery多选项卡效果实例代码（附效果图）

2016年07月27日 5 阅读

复制代码代码如下:<script type="text/javascript"> $（function（） { $（".designerspanel"）.each（function（）{ $（this）.find（".tabspanel #show:not（:first）"）.hide（）; }）; $（".designerspanel li"）.click（function（）{ idname=$（this）.parents（".desi...

js 字符串转换成数字的三种方法

2016年07月27日 11 阅读

方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt（）和parseFloat（）两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN（Not a Number）。一些示例如下：复制代码代码如下:parseInt（"1234blue"）; //returns 1234parseInt（"0xA"）; //retur...

首页 / 脚本样式 / JavaScript

jQuery+css+html实现页面遮罩弹出框

jquery实现图片等比例缩放以及max-width在ie中不兼容解决

JavaScript 验证码的实例代码（附效果图）

JS在textarea光标处插入文本的小例子

Js过滤空格的实现代码

JS模块与命名空间的介绍

Base64编码加密JS代码网页版

Js md5加密网页版MD5转换代码

jquery文字上下滚动的实现方法

JS实现网页百叶窗效果

只出现一次的提示信息（js+cookies）

JQuery实现用户名无刷新验证的小例子

鼠标滚轮控制网页横向移动实现思路

使用JavaScript构建JSON格式字符串实现步骤

jQuery+CSS实现菜单滑动伸展收缩（仿淘宝）

JS实现淘宝幻灯片效果的实现方法

关于div自适应高度/左右高度自适应一致的js代码

Jquery实现带动画效果的经典二级导航菜单

jquery多选项卡效果实例代码（附效果图）

js 字符串转换成数字的三种方法