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

博客侧边栏模块跟随滚动条滑动固定效果的实现方法（js+jquery等）

2016年07月27日 5 阅读

当一个页面内容很长的时候，侧边栏栏目可能显得太短，当窗口滑动到靠下的位置，则侧边即失去了展示内容的机会。很多新闻资讯类网站如新浪、网易、CSDN等，会在边栏的右下角以固定的小弹窗形式，以提供更多的内容展示方式，但这并不适合博客和web2.0风格的网站。现在很多的独立博客和网站如人人网等，都使用了让侧边栏模块随滚动条滑动而位置固定的效果。就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较多、内容较长的网站。志文工作室调研了几种类似功能的...

jquery中使用$（#form）.submit（）重写提交表单无效原因分析及解决

2016年07月27日 5 阅读

问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。复制代码代码如下:<input id="submit" type="su...

多个表单中如何获得这个文件上传的网址实现js代码

2016年07月27日 5 阅读

假设一个网页里有多个表单，其中一个表单里有文件上传，复制代码代码如下: <form action="http://xxx.com/data" method="post"> <input type="text" name="data" /> <input type="submit" name="Submit2" value="上传数据"> </form> <form action="..." ... ...

使用jQuery validate 验证注册表单实例演示

2016年07月27日 5 阅读

Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，功能也足够一般的需要了。rules也足够简单，很容易上手，举个简单的例子，用validation来验证注册表单。首先确定验证的目标是： 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok，目标很明确了。正片开始复制代码代码如下: <script type="te...

js实现上传图片之上传前预览图片

2016年07月27日 5 阅读

上传图片对图片进行一下预览，可以了解图片上传后大概会是什么样子，此功能用js实现，然后在fileupload控件的change事件中调用，这样当用fileupload选择完图片以后，图片就会自动显示出来了。功能很简单，却很实用。预览图片的js代码：复制代码代码如下: <script type="text/javascript"> function setImagePreview（docObj,localImagId,imgObjPrevie...

js实现杯子倒水问题自动求解程序

2016年07月27日 7 阅读

智力测试题经常遇到类似的逻辑题，给几个容量不等的杯子，让你倒出多少的水。安卓上有一款专门玩这个题的游戏叫做Water Logic.我安装这个游戏把几十个关卡通了一遍，感觉这个游戏的关卡设计很不好，关卡的难度并不是递增的，有很多后面的关卡相当的弱智，并且缺乏高难度的关卡。做为程序员的我们，玩这类题目应该都没问题，10步以内的都可以轻松搞定，10步以上的也可以搞定但未必能够轻松达到最少步数。有3颗星强迫症的玩家兼程序员，写出这么个自动求解的小程序，以后这个问题...

JS上传前预览图片实例

2016年07月27日 13 阅读

预览图片的js代码：复制代码代码如下:<script type="text/javascript"> function setImagePreview（docObj,localImagId,imgObjPreview） { if（docObj.files && docObj.files[0]） { //火狐下，直接设img属性 imgObjPreview.style.display = "block"; imgObjPreview.styl...

本地图片预览（支持IE6/IE7/IE8/Firefox3）经验总结

2016年07月27日 6 阅读

最近在Web项目开发过程中遇到的本地图片预览的需求，虽然最后因为其他原因没能使用，但是也算有些了解，整理出来。这里我们按浏览器分，主要包括IE6，IE7/8 和Firefox3，不包含Opera，Safari和Chrome，这三个基本上需求很小，没有研究。总结一下就是： IE6下可以直接从file的value获取图片路径来显示预览。 IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览。 FireFox下调用file的getAsD...

EditPlus注册码生成器（js代码实现）

2016年07月27日 11 阅读

今天同事惊奇的告诉我，说找到个在线的EditPlus注册码生成器，我赶紧去看了看，还真是，在这里。 exe的注册机病毒太多，纯js的在线注册机可就放心了。作者是从别人的注册机反汇编然后找出算法的，更令我惊奇的是，这作者Demon竟然是搞法律的，才刚拿到法律职业资格证书，佩服。主要的一个js函数是这样的：复制代码代码如下: function generate_editplus_regcode（username）{ var list = [0,4934...

jquery图片放大镜功能的实例代码

2016年07月27日 5 阅读

复制代码代码如下:/*放大镜*/ .ZoomMain {margin:100px;width:395px;height:460px;float:left;position:relative;} .ZoomMain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;} .ZoomMain .zoom .move{position:absolute;left...

html+css+js实现xp window界面及有关功能

2016年07月27日 7 阅读

注意：该程序在IE调试的，其他浏览器可能有BUG，见谅！复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;...

JSON辅助格式化处理方法

2016年07月27日 5 阅读

平时服务器端开发人员写好后台之后一般写一份简单的接口说明页面，类似：复制代码代码如下: <form action="test.php" accept-charset="utf-8"> <div><label for="">param_1</label><input type="text" name="param_1" value="value_1"/></div> <div&...

jquery 无限级联菜单案例分享

2016年07月27日 5 阅读

看到phpcms的地区级联菜单，感觉写的挺有意思，就说说大致步骤，省得忘了。对于地区级联菜单的生成一般是在/data/cache_model/content_form.class.php文件的areaid（）函数中。不过，这个只是一个cache至于什么地方生成还不没找到，所以暂时作为一个测试。（知道的同学告诉我哈！十分感谢）在areaid（）的$js中添加复制代码代码如下: function delChild（num） { $（"#load_$fie...

设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码

2016年07月27日 5 阅读

不用找了，我试过好多次，ie，火狐，谷歌浏览器此代码都是不可逆兼容。下面是我的简单解决方案。想把这个问题完全解决，方法就是像其他主流网站一样专门建立添加为首页的操作步骤帮助页。 js代码：复制代码代码如下: <script type="text/javascript"> // 设置为主页 function SetHome（obj,vrl）{ try{ obj.style.behavior="url（#default#homepage）";...

定时器（setTimeout/setInterval）调用带参函数失效解决方法

2016年07月27日 7 阅读

首先来看下定时器的用法 1. setInterval（code,millisec[,"lang"]） setInterval（）方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。参数描述code必需，要调用的函数或要执行的代码串。millisec必需，周期性执行或调用 code 之间的时间间隔，以毫秒计。2.setTimeout（code,millisec） setTimeout（）方法用于在指定的毫秒数后调用函数或计算表达式。参数描述co...

javascript变量作用域使用中常见错误总结

2016年07月27日 5 阅读

今天在rainweb的博客上，看到了这篇非常好的文章，觉得非常有必要分享出来，相信大家认真读完这篇文章，对js作用域的理解又会上升到一个新的台阶。前言：javascript里变量作用域是个经常让人头痛抓狂的问题，下面通过10++个题目，对经常遇到又容易出错的情况进行了简单总结，代码样例很短很简单题目一复制代码代码如下: var name = "casper"; alert（name）; //毫无疑问地输出：casper 题目二复制代码代码如下...

两种常用的javascript数组去重方法思路及代码

2016年07月27日 5 阅读

第一种是比较常规的方法思路： 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素，用indexOf查找新数组中是否有该元素 3.若没有，则存到结果数组中复制代码代码如下: Array.prototype.unique1 = function（）{ var res = []; for（var i = 0; i < this.length; i++）{ if（res.indexOf（this[i]） == -1）{ res.p...

javascript数组去重3种方法的性能测试与比较

2016年07月27日 5 阅读

昨天参加的一个前端面试，其中有一题数组去重，首先想到的是对象存键值的方法，代码如下方法一：（简单存键值）复制代码代码如下: Array.prototype.distinct1 = function（） { var i=0,tmp={},that=this.slice（0） this.length=0; for（;i<that.length;i++）{ if（！（that[i] in tmp））{ this[this.length]=that[i...

鼠标放在图片上显示大图的JS代码

2016年07月27日 6 阅读

显示大图和隐藏大图的js代码：复制代码代码如下:<script type="text/javascript"> //显示图片 function over（imgid,obj,imgbig） {//大图显示的最大尺寸 4比3的大小 400 300maxwidth=400;maxheight=300;//显示 obj.style.display=""; imgbig.src=imgid.src; //1、宽和高都超过了，看谁超过的多，谁超的多...

jQuery渐变发光导航菜单的实例代码

2016年07月27日 5 阅读

下面和大家分享一下具体的实现过程。HTML标签结构:复制代码代码如下:<ul class="animation_menu"> <li class="current"> <a href="#">菜单一<span>菜单一</span></a> </li> <li> <a href="#">菜单二<span>菜单二</span>&...

首页 / 脚本样式 / JavaScript

博客侧边栏模块跟随滚动条滑动固定效果的实现方法（js+jquery等）

jquery中使用$（#form）.submit（）重写提交表单无效原因分析及解决

多个表单中如何获得这个文件上传的网址实现js代码

使用jQuery validate 验证注册表单实例演示

js实现上传图片之上传前预览图片

js实现杯子倒水问题自动求解程序

JS上传前预览图片实例

本地图片预览（支持IE6/IE7/IE8/Firefox3）经验总结

EditPlus注册码生成器（js代码实现）

jquery图片放大镜功能的实例代码

html+css+js实现xp window界面及有关功能

JSON辅助格式化处理方法

jquery 无限级联菜单案例分享

设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码

定时器（setTimeout/setInterval）调用带参函数失效解决方法

javascript变量作用域使用中常见错误总结

两种常用的javascript数组去重方法思路及代码

javascript数组去重3种方法的性能测试与比较

鼠标放在图片上显示大图的JS代码

jQuery渐变发光导航菜单的实例代码