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

用jQuery实现一些导航条切换,显示隐藏的实例代码

2016年07月27日 5 阅读

代码如下：复制代码代码如下:<！DOCTYPE html><html><head> <meta charset="utf-8"> <title>导航条在项目中的应用</title> <script language="javascript" type="text/javascript" src="Jscript/jquery-1.4.2.min.js"></scri...

cookie 最近浏览记录（中文escape转码）具体实现

2016年07月27日 5 阅读

[javascript] 复制代码代码如下:/** *pro_id: 产品id *brand_name : 品牌 *pro_name : 产品id *price : 价格 * catalog : 机型 * img : 图片 *file_name : 文件名 */ var addHistory=function（pro_id,brand_name,pro_name,price,catalog,img,file_name）{ stringCookie=ge...

jQuery中json对象的复制方式介绍（数组及对象）

2016年07月27日 5 阅读

1、jQuery自带的$.map方式复制代码代码如下: $.map（json, function （n） { return n; }）; 这种方式原来用于复制数组还可以，今天用它复制数组中的某一条记录，发现字段名称丢失了，后来发现了第二种方法。 2、深复制与浅复制复制代码代码如下: // 浅层复制（只复制顶层的非 object 元素） var newObject = jQuery.extend（{}, oldObject）; // 深层复制（一层...

MultiSelect左右选择控件的设计与实现介绍

2016年07月27日 5 阅读

由于项目中用到左右选择的控件，网上找了一些相关的实现，基本上有两个： 1、基于JQuery UI的控件：这个看起来样式不错，而且使用起来功能也比较齐全，但是与传统的左边选择到右边的方式不同，有点别扭。 2、某个兄弟手写的一个控件：这个符合我的需求，简单实用，但是不满足我的另一个需求，我的需求是右边的选择框需要能选择不同颜色的图片，而且这个样式有点不美观。怎奈自己写一个吧，费了我半天的劲，总算搞定了，贴出来与大家分享一下吧：这个既满足了我功能的需求也满...

select、radio表单回显功能实现避免使用jquery载入赋值

2016年07月27日 5 阅读

select，radio 表单回显避免使用jquery载入赋值注意事项：复制代码代码如下: <html> <body> <form method="post" action=""> <！-- 如果表单中使用重置功能时，不推荐使用如下代码 --> <input type="radio" name="visible" value="1" />显示<br> <input type...

一个简单的弹性返回顶部JS代码实现介绍

2016年07月27日 5 阅读

昨天做了一个这样的功能，贴出来参考。 HTML/JS/CSS代码：复制代码代码如下: <！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"> <hea...

给Flash加一个超链接（推荐使用透明层）兼容主流浏览器

2016年07月27日 5 阅读

今天要给星烛网上的一个Flash加一个超链接，原想直接在object外直接套一个超链接即可，试了之后却发现不是这么回事，求助百度，问题解决，记录如下：原因：Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况，及其它原素覆盖掉. 解决方案：第一种：步骤如下 1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明. 复制代码代码如下: <div class="ad_top" style="text-align:cen...

ScrollDown的基本操作示例

2016年07月27日 5 阅读

复制代码代码如下: $（document）.ready（function （） { $（window）.scroll（function （） { if （$（window）.scrollTop（） == $（document）.height（） - $（window）.height（）） //滚动条滚到底部时触发 { } }）; }） ...

Jquery加载时从后台读取数据绑定到dropdownList实例

2016年07月27日 7 阅读

复制代码代码如下: $（document）.ready（function （） { loadSchools（）; }）; function loadSchools（） { var url = "@Url.Action（"GetSchools"）"; $.ajax（{ url: url, type: "GET", dataType: "json", error: function （） { alert（"Error"）; }, success: funct...

Jquery实现列表（隔行换色,全选,鼠标滑过当前行）效果实例

2016年07月27日 6 阅读

[javascript]复制代码代码如下:$（function （） { gridview（"GridView1"）; }）; //gridview function gridview（objgridview） { //get obj id var gridviewId = "#" + objgridview; //even $（gridviewId + ">tbody tr:even"）.addClass（"NormalColor"）;...

js调用后台servlet方法实例

2016年07月27日 6 阅读

1.使用document.form.action方式相关源码如下：*.js[javascript] 复制代码代码如下:<span style="white-space:pre"> </span> document.getElementById（"sendPerson"）.value = SendPerson; document.getElementById（"currentTime"）.value = currentTime（）;...

Jquery 表单验证类介绍与实例

2016年07月27日 11 阅读

[html] 复制代码代码如下: <form action="" method="post" id="formValidate"> 数值：<input name="" type="text" validate="number" /><span></span><br/> 浮点型：<input name="" type="text" validate="decimal" /><sp...

单击浏览器右上角的X关闭窗口弹出提示的小例子

2016年07月27日 7 阅读

单击浏览器右上角的X弹出提示窗口，简单实现。复制代码代码如下:<script language="javascript"> window.onunload = function （） { if （event.clientY < 0 && event.clientX> document.body.scrollWidth） { //event.returnValue = "Are you sure you want to leave ...

jQuery 淡出一个图像到另一个图像的实现代码

2016年07月27日 5 阅读

jQuery 淡出一张图片到另一张图片，例如有下边的 html：复制代码代码如下: <div class="fade"> <img src="1.jpg" /> </div> 首先，确保 div 的大小和图片大小一样，这个 div 有另一个背景图，如下： css代码：复制代码代码如下: .fade { background-image:url（"images/2.jpg"）; width:300px; heig...

jQuery插件的写法分享

2016年07月27日 6 阅读

1、概述先看看html代码复制代码代码如下:<ul id="catagory"> <li><a href="#">jQuery</a></li> <li><a href="#">Asp.net</a></li> <li><a href="#">Sql Server</a></li> <li>...

如何使Chrome控制台支持多行js模式——意外发现

2016年07月27日 6 阅读

一直以来，Chrome控制台都缺少象IE调试台那样的多行执行模式。今天意外发现Chrome其实也支持多行模式。默认在Chrome控制台上输入回车后会执行该命令，只需要通过输入Shift+Enter来新建行即可。 ...

js获取dom的高度和宽度（可见区域及部分等等）

2016年07月27日 9 阅读

复制代码代码如下: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth （包括边线的宽）网页可见区域高： document.body.offsetHeight （包括边线的高）网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.s...

JQuery 操作/获取table具体代码

2016年07月27日 5 阅读

//nav_box 表格名称复制代码代码如下: $（"#nav_box tr"）.each（function （i） { //var text = $（this）.children（"td:first"）.text（）; //var proid = $（this）.find（"input:hidden"）.val（）; //alert（"proid==" + i + "===" + proid）; var num = $（"#ProNum" + i）....

setTimeout函数兼容各主流浏览器运行执行效果实例

2016年07月27日 7 阅读

目前这个setTimeout可以很好地兼容IE6，7,8,9以及谷歌浏览器Chrome，火狐浏览器FireFox,苹果浏览器Safari,Opera。setTimeout是一个很不错的函数，网站页面前端工程师经常将其用于几秒后执行的动作。setTimeout这个JS内置函数其用法也很简单，下面是setTimeout（）的函数说明以及用法详解和实例、示例代码：setTimeout（）的作用是指定在多少毫秒后执行一个JS函数或者表达式代码 setTimeout...

JavaScript实现网页上的浮动广告的简单方法

2016年07月27日 5 阅读

漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。不过，如果你能善用的话，它就能发挥出极大的作用。要做出浮动式广告的效果并不困难，如果你有JS基础的可以...

首页 / 脚本样式 / JavaScript

用jQuery实现一些导航条切换,显示隐藏的实例代码

cookie 最近浏览记录（中文escape转码）具体实现

jQuery中json对象的复制方式介绍（数组及对象）

MultiSelect左右选择控件的设计与实现介绍

select、radio表单回显功能实现避免使用jquery载入赋值

一个简单的弹性返回顶部JS代码实现介绍

给Flash加一个超链接（推荐使用透明层）兼容主流浏览器

ScrollDown的基本操作示例

Jquery加载时从后台读取数据绑定到dropdownList实例

Jquery实现列表（隔行换色,全选,鼠标滑过当前行）效果实例

js调用后台servlet方法实例

Jquery 表单验证类介绍与实例

单击浏览器右上角的X关闭窗口弹出提示的小例子

jQuery 淡出一个图像到另一个图像的实现代码

jQuery插件的写法分享

如何使Chrome控制台支持多行js模式——意外发现

js获取dom的高度和宽度（可见区域及部分等等）

JQuery 操作/获取table具体代码

setTimeout函数兼容各主流浏览器运行执行效果实例

JavaScript实现网页上的浮动广告的简单方法