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

利用js实现选项卡的特别效果的实例

2017年02月06日 16 阅读

复制代码代码如下:<html><head> <meta charset="utf-8"/> <style type="text/css"> *{margin:0;padding:0;border:0} #main{width:300px;height:300px;background-color:green} #head{height:50px;background-color:red} #head li{...

jQuery侧边栏随窗口滚动实现方法

2017年02月06日 20 阅读

复制代码代码如下:$（function（） { var $sidebar = $（"#sidebar"）, $window = $（window）, offset = $sidebar.offset（）, topPadding = 15; $window.scroll（function（） { if （$window.scrollTop（） > offset.top） { $sidebar.stop（）.animate（{ margi...

js给dropdownlist添加选项的小例子

2017年02月06日 16 阅读

复制代码代码如下: <input name="" type="text" id="newDirtxt"/> <input class="btn" name="" type="button" value="创建新目录" onclick="newDir（）" /> ？<BR><BR><BR>Js代码 <BR><BR><script type="text/javascri...

javascript加号"+"的二义性说明

2017年02月06日 21 阅读

单个的加号作为运算符在 JavaScript 中有三种作用。它可以表示字符串连接，例如：复制代码代码如下:var str = "hello " + "world！"; 或表示数字取正值的一元运算符，例如：复制代码代码如下:var n = 10; var n2 = +n; 或表示数值表达式的求和运算，例如：复制代码代码如下:var n = 100; var nn2 = n + 1; 三种表示法里，字符串连接与数字求和是容易出现二义性的。因为 Jav...

JQuery获取各种宽度、高度（format函数）实例

2017年02月06日 19 阅读

复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>获取页面宽度</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> &...

JS获取后台Cookies值的小例子

2017年02月06日 20 阅读

复制代码代码如下:function getCookie（name） { var offset,cookieValue; var search=name+"="; if（document.cookie.length>0） { offset=document.cookie.indexOf（search）; if（offset！=-1） { offset += search.length; end = document.cookie.indexOf（...

jQuery:节点（插入,复制,替换,删除）操作

2017年02月06日 22 阅读

复制代码代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,复制、替换和删除节点</title> <script type="text/javascript" src="jquery-1.3.2.js"></script&...

JavaScript实现自己的DOM选择器原理及代码

2017年02月06日 18 阅读

解释器模式（Interpreter）：定义一种语法格式，通过程序解释执行它并完成相应的任务。在前端编程场景中可以应用解释器模式来解释CSS选择符实现DOM元素的选择。开放封闭原则：面向对象中的开放封闭原则是类或模块应该对扩展开放对修改封闭，在这个dom选择器中实现id选择器，元素选择器，类选择器，如果以后需要属性选择器的话定义一个属性选择器实现相应的方法，同时在简单工厂中增加相应的创建属性选择器对象分支即可。匹配原理：浏览器在匹配CSS选择符时是按照从右...

jQuery+CSS 半开折叠效果原理及代码（自写）

2017年02月06日 19 阅读

一个项目想用jQuery做一个可以半折叠的DIV元素，苦于jQueryUI中accordion没有提供相关的方法，就自己写了个。以前使用jQueryUI的时候发现能够用的accordion全部折叠起来了，没办法设置折叠的最小高度。代码质量很低，希望老鸟能够指点指点。下图是效果展示，能够借由jQuery的函数展开收缩复制代码代码如下: //author: hlhr //require: Jquery1.4 and above function ani...

iframe异步加载实现点击左边菜单加载右边内容实例讲解

2017年02月06日 21 阅读

关于iframe异步加载，我们常用的大都是左边菜单栏右边是内容页面，要求我们不能左边菜单不能刷新的情况下，异步加载右边的内容页面。话不多说，做了一个实例大致是这样的：1、首先在你的项目中建立三个文件如：2、在Default页面引入jquery文件并在body中加入也下代码：复制代码代码如下:<div style="width: 20%; float: left"> <div id="butten" style="cursor: poin...

在图片上显示左右箭头类似翻页的代码

2017年02月06日 20 阅读

使用JS实现在图片上显示左右箭头的翻页代码，预览效果网址：http://www.keleyi.com/keleyi/phtml/picnext/ 本实例使用了javascript的onmousemove 事件。onmousemove 事件会在鼠标指针移动时发生。语法 onmousemove="SomeJavaScriptCode" SomeJavaScriptCode是必需参数。规定该事件发生时执行的 JavaScript。下面是核心代码（完整代码请在...

Textbox控件注册回车事件及触发按钮提交事件具体实现

2017年02月06日 22 阅读

引子：在ASP.Net页面中textbox的index为1（或n）,其后的提交按钮index为2（n+1）,光标在textbox中,回车后自动焦点移动到后面的button上,会触发button的点击事件。但在Lyncplus客户端中访问Web页面时遇到了TextBox控件回车自动完成按钮的提交事件失效的情况（应该是自动切换焦点）。由于并且该服务端TextBox控件没有提供OnKeyPress或OnKeyDown等事件，也无法针对回车事件写后台代码来调...

javascript 使用 NodeList需要注意的问题

2017年02月06日 22 阅读

js异步加载的三种解决方案

2017年02月06日 21 阅读

默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。（1） defer，只支持IE defer属性的定义和用法（我摘自w3school网站） defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。有的 javascript 脚本 document.wri...

Yii-自定义删除确认弹框（zyd）jquery实现代码

2017年02月06日 18 阅读

1.链接复制代码代码如下: <？php echo CHtml::link（Yii::t（"cmp","Delete"）,"javascript:",array（"class"=>"c_06c","onclick"=>"return art_del_confirm（"/company/msglog/delete/id/".$data->zml_id."","你确定要删除这条消息吗？"）"））？> 2.jq 复制代码代码如...

jQuery中（function（）{}）（）执行顺序的理解

2017年02月06日 20 阅读

总体来说，顺序是这样的：先计算第一个小括号，发现里面的表达式是一个函数，返会该匿名函数的引用（指针），最后一个括号则是建立匿名函数的实参和并执行。示例：计算两个数之和。 JavaScript：复制代码代码如下: （function sum（a,b）{ //此处也可去掉sum，以匿名函数的形式出现 alert（a+b）; }）（7,8）; C: 复制代码代码如下: int sum（int a,int b）{return a+b;} void ma...

js关闭当前页面（窗口）的几种方式总结

2017年02月06日 20 阅读

1. 不带任何提示关闭窗口的js代码复制代码代码如下:<a href="javascript:window.opener=null;window.open（"","_self"）;window.close（）;">关闭</a>2.自定义提示关闭复制代码代码如下:<script language="javascript">// 这个脚本是 ie6和ie7 通用的脚本function custom_close（）{if ...

html超链接打开窗口大小的方法

2017年02月06日 21 阅读

复制代码代码如下:<a href="#" onclick="javascript:window.open（"http://www.baidu.com","","height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no"）">aaaaaaaaaaaaaaa</a>==========...

6款新颖的jQuery和CSS3进度条插件推荐

2017年02月06日 20 阅读

现在的网页功能越来越多，尤其是AJAX的广泛应用，进度条和Loading加载动画显得越来越重要了。下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件，希望对大家有帮助。1、不同进度显示不同颜色的进度条这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变，这个和游戏中人物的生命值很相似。2、纯CSS3实现的彩色进度条该进度条利用了CSS3的颜色渐变属性，让进度条的色彩显得非常具有立体感。3、j...

js日期时间补零的小例子

2017年02月06日 22 阅读

复制代码代码如下:function getNowFormatDate（） { var day = new Date（）; var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; //初始化时间 //Year = day.getYear（）;//有火狐下2008年显示108的bug Year = day.getFullYear（）;//ie火狐下都可以 Month ...

首页 / 脚本样式 / JavaScript

利用js实现选项卡的特别效果的实例

jQuery侧边栏随窗口滚动实现方法

js给dropdownlist添加选项的小例子

javascript加号&quot;+&quot;的二义性说明

JQuery获取各种宽度、高度（format函数）实例

JS获取后台Cookies值的小例子

jQuery:节点（插入,复制,替换,删除）操作

JavaScript实现自己的DOM选择器原理及代码

jQuery+CSS 半开折叠效果原理及代码（自写）

iframe异步加载实现点击左边菜单加载右边内容实例讲解

在图片上显示左右箭头类似翻页的代码

Textbox控件注册回车事件及触发按钮提交事件具体实现

javascript 使用 NodeList需要注意的问题

js异步加载的三种解决方案

Yii-自定义删除确认弹框（zyd）jquery实现代码

jQuery中（function（）{}）（）执行顺序的理解

js关闭当前页面（窗口）的几种方式总结

html超链接打开窗口大小的方法

6款新颖的jQuery和CSS3进度条插件推荐

js日期时间补零的小例子

javascript加号"+"的二义性说明