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

自定义右键属性覆盖浏览器默认右键行为实现代码

2017年02月06日 20 阅读

复制代码代码如下: function $（id） { return document.getElementById（id）; } $（"test"）.oncontextmenu=function（） { return false; }; 这样就可以给指定的元素自定义右键菜单...

js操作CheckBoxList实现全选/反选（在客服端完成）

2017年02月06日 20 阅读

对于CheckBoxList控件来说，一方面要实现大量数据在服务器端的绑定工作，另一方面往往要求实现全选、反选等功能。虽然可以在服务器端完成这方面的工作，但这样一个简单的工作似乎更应该在客户端完成。具体方法：在页面中放入一个CheckBoxList控件，并添加几项，用来分析其产生的HTML代码，这样在使用js进行动态控制时，将会非常清晰其测试代码如下所示：复制代码代码如下: <asp:CheckBoxListID="CheckBoxList...

js网页中的（运行代码）功能实现思路

2017年02月06日 17 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf8" /> <title>网页中的运行代码功能</title> <script type="text/javascript"> function runCode（oCode） { var win = window.open（"", "_blank", ""）...

js/jQuery对象互转（快速操作dom元素）

2017年02月06日 19 阅读

复制代码代码如下: // jquery对象转js对象 $（"#search"）[0].checked=true; // js对象转jquery对象 var obj = document.getElementById（"search"）; alert（$（obj）.checked）; ...

js实现网站首页图片滚动显示

2017年02月06日 21 阅读

复制代码代码如下: <div id="demo"> <div id="indemo"> <div id="demo1"> <asp:Repeater ID="Pro_List" runat="server"> <ItemTemplate> <a href="/Product/html/<%#Eval（"id"） %>/" title="<%#Eval（"Title"）%&...

实现局部遮罩与关闭原理及代码

2017年02月06日 18 阅读

复制代码代码如下: //实现局部遮罩 <script type="text/javascript"> function Shade（）{ var s = document.getElementById（"shade"）; s.style.display = "block"; } function Display（）{ var d = document.getElementById（"shade"）; d.style.display = "no...

用按钮控制iframe显示的网页实现方法

2017年02月06日 17 阅读

复制代码代码如下: //有两个按钮分别响应两个事件，用来控制iframe显示的网页。 <script type="text/javascript"> function bd（）{ var baidu = document.getElementById（"i"）; baidu.src = "http://www.baidu.com"; } function xl（）{ var sina = document.getElementById（"i"...

Jquery UI震动效果实现原理及步骤

2017年02月06日 20 阅读

如果你想你的博客页面某些部分引起读者的注意，你可以使这些部分震动，如广告，今天这篇文章将介绍怎样使你的页面中的元素震动起来。要达到这个目的我们需要使用到Jquery和Jquery UI。首先让我创建一个震动块，可以是图片，也可以是普通的dom元素，如div、span等，把元素的id命名为shake，这里可以任意命名。我们用图片如下：复制代码代码如下: <img src="http://jqueryui.com/jquery-wp-content...

jquery插件实现鼠标经过图片右侧显示大图的效果（类似淘宝）

2017年02月06日 16 阅读

这个插件的名字elevatezoom，网址为http://www.elevateweb.co.uk/image-zoom，在github上的项目首页为https://github.com/elevateweb/elevatezoom，建议去github下载，这个网速比较快。实现这个效果你需要准备两张图片，一张小的，一张大用于鼠标经过时候显示。然后我们只要为img标签添加data-zoom-image属性，其值为大图的地址，最后在javascript中选择...

6款经典实用的jQuery小插件及源码（对话框/提示工具等等）

2017年02月06日 19 阅读

jQuery是一款当之无愧的JS开源框架，凭借其小巧实用占领了很大的开发市场，jQuery另外一个优势就是拥有丰富多彩的插件，这些插件可以帮助你简化很多的开发过程。下面介绍的6款实用jQuery小插件及源码，希望大家喜欢。1、jQuery智能单词提示工具这是一款可以根据当前输入智能提示单词的插件，效果很棒。在线演示 /源码下载2、CSS3实现的Photoshop按钮效果这是用jQuery和CSS3实现的Photoshop按钮效果。在线演示 /源码下载3、j...

Js 获取Gridview选中行的内容操作步骤

2017年02月06日 20 阅读

复制代码代码如下: //取得gridview中获取选中行指定列的值 function Select（） { //获取鼠标点击的元素var e=eventsrcElement; //获取元素所在的行的行号（表头行号从0开始）。注意：parentElement只适用于IE浏览器，而parentNode则符合DOM标准。 //var rowIndex=eparentElementparentElementrowIndex ; var rowIndex=epar...

漂亮的jquery提示效果（仿腾讯弹出层）

2017年02月06日 17 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&g...

JS打印gridview实现原理及代码

2017年02月06日 20 阅读

复制代码代码如下: var hkey_root = "HKEY_CURRENT_USER"; var hkey_path = "\Software\Microsoft\Internet Explorer\PageSetup\"; var hkey_key; function printPage（） { try { var RegWsh = new ActiveXObject（"WScript.Shell"）; hkey_key = "header" Re...

jquery zTree异步加载简单实例分享

2017年02月06日 17 阅读

首先提供Ztree官方网站http://www.ztree.me。 Ztree是一个使用jQuery实现的JSP页面的各种功能树，本文介绍一个异步获取数据到下拉树的实现方式。当前版本Ztree 3.5.01 simple.html 复制代码代码如下: <！DOCTYPE html> <html> <head> <title>simple.html</title> <meta http-e...

得到jQuery detach（）后节点中的某个值实现代码

2017年02月06日 19 阅读

需要jQuery -detach 后的dom 结构或某个值。复制代码代码如下: <body> <input type="text" value="test" name="showtime" id="showtime" /> <input type="button" onclick="showDetach（）;"/> </body> <script type="text/javascript">...

jQuery不间断滚动效果（模拟百度新闻支持文字/图片/垂直滚动）

2017年02月06日 20 阅读

一、jQuery.roll 插件使用说明 jQuery.roll 是模拟百度新闻不间断滚动效果，并支持文字、图片水平垂直滚动，该函数使用方法为：复制代码代码如下: /* * @module jQuery roll * @param: contentCls 内容容器className * @param: contentParentId 内容容器父元素节点ID * @param: configs 配置参数 * * @config: effect 滚动效果 ...

jQuery.prototype.init选择器构造函数源码思路分析

2017年02月06日 21 阅读

一、源码思路分析总结概要： jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数；这个函数的参数就是jQuery（）===$（）执行函数中的参数，可以先看我之前写的浅析jQuery基础框架一文，了解基础框架后，再看此文。思路分析: 以下是几种jQuery的使用情况（用于查询dom），每种情况都返回一个选择器实例（习惯称jQuery对象（一个node...

window.open关于浏览器拦截问题分析及解决方法

2017年02月06日 19 阅读

window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口，不过一般用来的是打开新窗口，因为修改原来的网页地址，可以有另一个函数，那就是window.location,他可以重定向网页地址，使网页跳转到另一个页面。我现在要说的是window.open函数的几个使用策略，一般情况下，如果你直接在js中调用window.open（）函数去打开一个新窗口，浏览器会拦截你，认为你将弹出广告等用户不想得到的窗体，所以如果不想让...

jquery 卷帘效果实现代码（不同方向）

2017年02月06日 19 阅读

demo01.htm 复制代码代码如下: <！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 http-equ...

JS判断鼠标从什么方向进入一个容器实例说明

2017年02月06日 16 阅读

偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题。首先想到的是给容器的四个边添加几块，然后看鼠标进入的时候哪个块先监听到鼠标事件。不过这样麻烦太多了。google了一下找到了一个不错的解决方法，是基于jquery的，说实话，其中的var direction = Math.round（（（（Math.atan2（y, x） * （180 / Math.PI）） + 180） / 90） + 3） % 4;这句用到的数学知识我是真没有看明白，原文中有一...

首页 / 脚本样式 / JavaScript

自定义右键属性覆盖浏览器默认右键行为实现代码

js操作CheckBoxList实现全选/反选（在客服端完成）

js网页中的（运行代码）功能实现思路

js/jQuery对象互转（快速操作dom元素）

js实现网站首页图片滚动显示

实现局部遮罩与关闭原理及代码

用按钮控制iframe显示的网页实现方法

Jquery UI震动效果实现原理及步骤

jquery插件实现鼠标经过图片右侧显示大图的效果（类似淘宝）

6款经典实用的jQuery小插件及源码（对话框/提示工具等等）

Js 获取Gridview选中行的内容操作步骤

漂亮的jquery提示效果（仿腾讯弹出层）

JS打印gridview实现原理及代码

jquery zTree异步加载简单实例分享

得到jQuery detach（）后节点中的某个值实现代码

jQuery不间断滚动效果（模拟百度新闻支持文字/图片/垂直滚动）

jQuery.prototype.init选择器构造函数源码思路分析

window.open关于浏览器拦截问题分析及解决方法

jquery 卷帘效果实现代码（不同方向）

JS判断鼠标从什么方向进入一个容器实例说明