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

Javacript实现颜色梯度变化和渐变的效果代码

2016年07月27日 6 阅读

对于本站的导航栏，想做点什么。所以，选择了用js对导航栏的颜色做了梯度的变化处理。起初，觉得用opacity属性（透明度）来改变颜色的梯度变化。不过，这样会出现一个问题。每一个导航标签用的是[li]，当鼠标浮动到标签上时，通过onmouseover（）立即改变[li]的className，并用setInterval（）来使其opacity（透明度）由0变到1.不过，当鼠标离开时，对于[li]标签的颜色恢复的处理貌似麻烦了许多。所以，很快就放弃了这个做法...

js判断鼠标同时离开两个div的思路及代码

2016年07月27日 6 阅读

纠结了两天，憋出了个蛋，欢迎拍砖！！！复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...

js内存泄露的几种情况详细探讨

2016年07月27日 5 阅读

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露。复制代...

jQuery实现单行文字间歇向上滚动源代码

2016年07月27日 5 阅读

使用jQuery实现单行文字间歇向上滚动效果网址:http://www.keleyi.com/keleyi/phtml/textscroll.htm 本效果加强版：http://www.keleyi.com/a/bjac/532bedbffca1affa.htm 主要增加了光标悬停效果以下是源代码：复制代码代码如下: <script type="text/javascript" src="http://www.keleyi.com/keley...

JS操作select下拉框动态变动（创建/删除/获取）

2016年07月27日 6 阅读

1.动态创建select 复制代码代码如下: function createSelect（）{ var mySelect = document.createElement_x（"select"）; mySelect.id = "mySelect"; document.body.appendChild（mySelect）; } 2.添加选项option 复制代码代码如下: function addOption（）{ //根据id查找对象， var ob...

jQuery图片滚动图片的效果（另类实现）

2016年07月27日 5 阅读

需求：图片切换的时候下一屏不允许出现空白的项，换句话说就是： 1、当移动的最后一屏移动的个数小于要展示的个数的时候，只移动（展示个数-最后一屏的个数的）差值。举个例子：每一屏都要展示7个，但总个数才10个，滚动到下一屏时候用户看到的还是7个，这个时候需要移动的是三个这个效果是基于jQuery写的，只是想纪念下自己的学习话不多说了，贴代码复制代码代码如下:（function（ $ ）{ var slider = function（ elem...

捕获浏览器关闭、刷新事件不同情况下的处理方法

2016年07月27日 5 阅读

在做一些关于会员在线的问题时，往往我们要根据览器是否关闭来判断用户是否下线，然后再从session和application中将此用户移除。由于浏览器是无状态的，在这时候捕捉浏览器关闭会出现两种情况： 1.真正的关闭浏览器（a.点击关闭按钮 b.右击任务栏关闭 c.按alt+F4关闭） 2.刷新浏览器。那如何判断区分这两种动作呢？一. Javascript代码处理方法：复制代码代码如下: function window.onbeforeunloa...

js+css实现增加表单可用性之提示文字

2016年07月27日 6 阅读

平常设计表单的时候，我们会加入一些提示文字，比如说在搜索框里，我们会提示“请输入关键字”，并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示，最常见的做法是利用value来设置：复制代码代码如下: <form id="search"> <input type="text" id="keyword" name="keyword" value="请输入关键字"> <button>搜索</button> <...

如何使用jQUery获取选中radio对应的值（一句代码）

2016年07月27日 5 阅读

本人对jQuery还真迷糊，一些基本的语法老忘掉，在此举个例子，使用jQUery获取选中radio对应的值复制代码代码如下: var gender=$（"input:radio[name="gender"]:checked"）.val（）; ...

js判断undefined变量类型使用typeof

2016年07月27日 9 阅读

js判断undefined变量类型直接用复制代码代码如下: if（mydata=="undefined"）{ alert（"未定义"）; } 这是个很低级的错误，这么使：复制代码代码如下: if（typeof（mydata）=="undefined"）{ alert（"未定义"）; } ...

左侧是表头的JS表格控件（自写,网上没有的）

2016年07月27日 5 阅读

今天，项目中要用到该表格，找了一遍，发现没有合适的，于是自己动手丰衣足食。最终呈现效果如上图， 1、左侧是表头的表格数据展现， 2、支持多行，多表头 3、固定表头的功能 4、能够支持标题 5、获取表格中的数据 6、支持IE/CHROME 7、表格能够自适应根据内容行居中复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....

jQuery调用AJAX时Get和post公用的乱码解决方法实例说明

2016年07月27日 6 阅读

以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法，但是使用js代码比较繁琐，我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery。一个网站的设计，不管是注册登录还是分页查找，都需要提交参数到服务器以便得到所需的页面数据。为了减少用户因刷新页面带来的煎熬，ajax诞生。但是初学者进行项目开发时，会遇到一个很烦人的问题：中文乱码。下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码，我们需要通过什么方式来解决。...

js调用AJAX时Get和post的乱码解决方法

2016年07月27日 6 阅读

在使用"get"时，抓取的页面最后加上编码类型复制代码代码如下: <% 服务器端：servletactioncontext.getresponse（）.setcharacterencoding（"utf-8"）; 客户端网页特效p/jsp.html target=_blank >jsp教程： <%@ page language="java" contenttype="text/html; charset=utf-8" pageenc...

jquery的ajaxSubmit（）异步上传图片并保存表单数据演示代码

2016年07月27日 6 阅读

（jsp需要引入：jquery-1.9.0.js、jquery.form.js ），jsp页面使用的是bootstrap制作的，看不懂的标签不用管，form表单大同小异。代码比较简陋，只是为了演示使用ajaxSubmit异步上传图片及保存数据，请海含！（参考文献：http://www.jb51.net/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html）一：web （add.jsp）复制代码...

jquery插件开发注意事项小结

2016年07月27日 7 阅读

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库（压缩后只有21k），它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多...

javascript:;与javascript:void（0）使用介绍

2016年07月27日 7 阅读

href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;（一个冒号一个分号）javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 javascript:;好些，javascript:void（0）;据说某些情况下有浏览器兼容bug。（此点bug我也不知道什么...

javascript实现拖动层效果代码（符合标准且兼容IE,chrome,firefox）

2016年07月27日 6 阅读

实例代码一见：复制代码代码如下: <！DOCTYPE HTML> <html> <head> <style type="text/css"> #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} </style> <script type="text/javascript"> var...

jquery实现控制表格行高亮实例

2016年07月27日 6 阅读

[css] 复制代码代码如下:<style> .height{ background:#666666; /*背景颜色为灰色*/ } tr{ cursor: pointer; /*手形*/ } </style> <style>.height{ background:#666666; /*背景颜色为灰色*/}tr{cursor: pointer; /*手形*/ }</style>[html] 复制代码代码...

jquery 文本上下无缝滚动,鼠标放上去就停止小例子

2016年07月27日 5 阅读

复制代码代码如下:<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript"> function AutoScroll（obj） { $（obj）.find（"ul:first"）.animate（{ marginTop: "-25px" }, 500, function ...

Javascript自定义排序 node运行实例

2016年07月27日 5 阅读

[javascript]复制代码代码如下:var studs = [{name: "clap", age: 15}, {name: "martin", age: 13}, {name: "merry", age: 10}]; function sortbyage（a, b） { //按年龄从小到大排列 return a.age > b.age; } function sortbyname（a, b） { return a.name >...

首页 / 脚本样式 / JavaScript

Javacript实现颜色梯度变化和渐变的效果代码

js判断鼠标同时离开两个div的思路及代码

js内存泄露的几种情况详细探讨

jQuery实现单行文字间歇向上滚动源代码

JS操作select下拉框动态变动（创建/删除/获取）

jQuery图片滚动图片的效果（另类实现）

捕获浏览器关闭、刷新事件不同情况下的处理方法

js+css实现增加表单可用性之提示文字

如何使用jQUery获取选中radio对应的值（一句代码）

js判断undefined变量类型使用typeof

左侧是表头的JS表格控件（自写,网上没有的）

jQuery调用AJAX时Get和post公用的乱码解决方法实例说明

js调用AJAX时Get和post的乱码解决方法

jquery的ajaxSubmit（）异步上传图片并保存表单数据演示代码

jquery插件开发注意事项小结

javascript:;与javascript:void（0）使用介绍

javascript实现拖动层效果代码（符合标准且兼容IE,chrome,firefox）

jquery实现控制表格行高亮实例

jquery 文本上下无缝滚动,鼠标放上去就停止 小例子

Javascript自定义排序 node运行 实例

jquery 文本上下无缝滚动,鼠标放上去就停止小例子

Javascript自定义排序 node运行实例