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

CSS TreeMenu 二级树形菜单示例

2017年02月06日 21 阅读

二级树形菜单示例：CSS TreeMenu a,a:visited {color:#333;text-decoration:none;} a:hover {color:#f60;} body,td {font:13px "Geneva","宋体", "Arial", "Helvetica",sans-serif;} ul,li {margin:0;padding:0;list-style:none;} h1,h2,h3,h4,h5,h6 {marg...

Js仿新浪微博首页内容滚动

2017年02月06日 21 阅读

然后在新浪微博首页仍然在使用哦，可能我写的代码还不是最佳优化状态，但是我觉得这已经不错了。仿新浪微博首页内容滚动 body{background:#efc;} ------------------------------------- --------------------------------------- --------------------------------------- /*--------------新鲜事滚动...

基于jQuery的仿flash的广告轮播代码

2017年02月06日 23 阅读

整个页面如下：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

QUnit jQuery的TDD框架

2017年02月06日 23 阅读

在讨论jQuery TDD之前，我们先来了解下什么才是一个标准的TDD框架。作为标准的TDD框架，必须满足这么几个要求：1. 即使测试脚本出错了也要能继续运行接下来的脚本2. 能够不依赖被测试代码写测试用例，即使代码没有实现也可以先写测试用例3. 能够显示详细的错误信息和位置4. 能够统计通过和未通过的用例的数量5. 有专门的可视化界面用于统计和跟踪测试用例6. 易于上手，通过一些简单的指导就可以马上开始写测试代码。以上这些要求QUnit都做到了，这也是...

Jquery ajaxsubmit上传图片实现代码

2017年02月06日 23 阅读

而且未建立统一上传函数。于是将代码改造了。心想来个ajax异步上传图片吧，这技术应该很老套了。于是直接打开强大的cnblogs轻松的找到了这篇文章直接依葫芦画瓢，将该作者的劳动成果直接“拿来主义了”。很快就把代码全改造了。可是当我把程序发布到服务器上的时问题来了。上传文件失效了！汗～都是偷懒造成的恶果。继续打开先前参考的那篇文章。原来作者解释了只能在本地使用而不能发布到服务器上。心想我难道还得用 iframe + http post 这个郁闷的方式...

jquery 全局AJAX事件使用代码

2017年02月06日 22 阅读

复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery Ajax - AjaxEvent</title> <script src="../jquery-1.4.3.js" type="text/javascript"></script> <script type="text/javas...

jQuery示例收集

2017年02月06日 24 阅读

1.An Animated Sharing-Bar that includes a 3D Carousel Effect3D旋转效果展示分享按钮，具有动画效果。WordPress的tab云好像也有这种效果。2.GivaLabs iButtons – a different way of displaying your checkbox具有动画效果的CheckBox3.jQuery Impromptu – A Sleek, light-weight and ...

TinyMCE 新增本地图片上传功能

2017年02月06日 22 阅读

这样TinyMCE 就可以正常显示图片了。其实该功能属于普通HTML富文本控件基本功能了。现有需求将TinyMCE 扩展成可直接上传本地图片而后在文本区域显示图片。实现思路：使用Ajax 进行图片上传，此上传方式可以更友好的实现TinyMCE 的图片上传扩展，具体方法可以参考我的上一篇 Jquery ajaxsubmit 上传图片。将Ajax上传图片集成到 TinyMCE 中，主要是修改TinyMCE 目录下的 tinymcejscripts in...

Jquery数独游戏解析（一）-页面布局

2017年02月06日 22 阅读

另外最近时间允许的情况下会移植到html5，暂定名称为H5sukudo主要目的也是练手。body的代码如下，页面主体使用main层来控制尺寸，main中包含两个层:canvas和tools，分别用来承载数独表格和辅助信息。tools层中嵌套了logo,level,lefts,timer,leftsg,btns,err共七个层，分别用来承载LOGO、游戏难度、剩余空格数、已用时间、剩余空格数明细、按钮和错误提示信息。tools层中的样式写在default.c...

基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表（已封装）

2017年02月06日 22 阅读

具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或Google . 另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉列表. 思路差不多,哈. 演示及代码: 演示代码代码下载运行代码: 用dl模拟实现可自定义样式的SELECT下拉列表@Mr.Think /*reset css*/ body{font-size:0.8em;letter-spacing:1px;f...

区分中英文字符的两种方法（正则和charCodeAt（））

2017年02月06日 21 阅读

比如这次用到的我先前介绍过的Vanadium表单验证插件, 因为是E文中不存在占2个字符的字, 所以, 区分中英文字符就得自己扩展. 本文就将介绍两种区分中英文字符的方法: 利用正则和charCodeAt方法区分中英文字符. 区分中英文字符的两种方法: 正则和charCodeAt（）方法@Mr.Think /*reset css*/ body{font-size:0.8em;letter-spacing:1px;font-family:5fae8f...

解决jQuery插件tipswindown与hintbox冲突

2017年02月06日 23 阅读

使用情形如下：页面a.aspx中点击按钮弹出模拟层，在这个层中有一个输入文本框“监督人”处调用hintbox来产生即时查询功能。直接调用产生了如下情形：于是找到jquery.hintbox-1.3.js这个文件，发现其中出现这么一行：复制代码代码如下: $（"#windown-content"）.ajaxStart（function（）{ $（this）.html（"<img src=""+templateSrc+"/images/loadin...

基于jquery的loading效果实现代码

2017年02月06日 22 阅读

在代码<head></head>里加入以下代码： <script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$（window）.load（function（）{$（"#loading"）.hide（）;}）</script> 在里<body></body...

jquery实现文本框鼠标右击无效以及不能输入的代码

2017年02月06日 21 阅读

具体的程序代码如下：复制代码代码如下: <asp:TextBox ID="NodeText" runat="server"></asp:TextBox> <script src="JS/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> $（function（） { $（"inpu...

基于jQuery的仿flash的广告轮播

2017年02月06日 23 阅读

整个页面如下：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

需要做特殊处理的DOM元素属性的访问

2017年02月06日 22 阅读

复制代码代码如下: var props = { "for" : "htmlFor", "class": "className", readonly: "readOnly", maxlength: "maxLength", cellspacing: "cellSpacing", rowspan: "rowSpan", colspan: "colSpan", tabindex: "tabIndex", usemap: "u...

细说浏览器特性检测（1）-jQuery1.4添加部分

2017年02月06日 24 阅读

其最经典的运用莫过于通用的addEvent函数： function addEvent（element, type, handler） { if （element.attachEvent） { //IE8及以下浏览器 element.attachEvent（"on" + type, handler）; } else { //W3C标准浏览器 element.addEventListener（type, handler, false）; } };函数可以通过检...

细说浏览器特性检测（2）-通用事件检测

2017年02月06日 24 阅读

事件检测，即检测某一事件在不同的浏览器中是否存在（可用），这在编写Javascript的过程中也非常重要，如mouseenter/mouseleave事件虽然实用，但并不是所有浏览器都提供了标准的支持，因此需要自己手动模拟，即：function addEvent（element, name, handler） { if （name == "mouseenter" && ！hasEvent（name, element）） { //通过其他手段模拟mousee...

js focus不起作用的解决方法（主要是因为dom元素是否加载完成）

2017年02月06日 21 阅读

有一个文本框，id 为 d，用下面的 js 代码，想让其获得焦点。 document.getElementById（"d"）.focus（）; 结果代码在 IE 中不起作用，要让 IE 中也获得焦点，得用类似如下的代码：复制代码代码如下:document.body.onload = function（）{ document.getElementById（"d"）.focus（）; } ...

微博@符号的用户名提示效果。（想@到谁？）

2017年02月06日 24 阅读

在下面的文本框输入“@” 看一下效果吧！已经解决 IE，FF ,CHORME 主流浏览器的兼容问题。有需要这个JS的朋友可以直接拿去用。由于我实在无法把这个效果插入到这遍文章里。所以只能让大家下载我演示的文件了。下载演示文件思路我们可以用onkeyup事件监测文本框是否输入了一个@符号，如果输入了，就找到@符号在页面上的绝对位置，弹出提示。（实际制作过程中会遇到各种各样的问题）问题： textarea 里的光标位置无法直接获取。所以我们只能迂回前...

首页 / 脚本样式 / JavaScript

CSS TreeMenu 二级树形菜单示例

Js仿新浪微博首页内容滚动

基于jQuery的仿flash的广告轮播代码

QUnit jQuery的TDD框架

Jquery ajaxsubmit上传图片实现代码

jquery 全局AJAX事件使用代码

jQuery示例收集

TinyMCE 新增本地图片上传功能

Jquery数独游戏解析（一）-页面布局

基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表（已封装）

区分中英文字符的两种方法（正则和charCodeAt（））

解决jQuery插件tipswindown与hintbox冲突

基于jquery的loading效果实现代码

jquery实现文本框鼠标右击无效以及不能输入的代码

基于jQuery的仿flash的广告轮播

需要做特殊处理的DOM元素属性的访问

细说浏览器特性检测（1）-jQuery1.4添加部分

细说浏览器特性检测（2）-通用事件检测

js focus不起作用的解决方法（主要是因为dom元素是否加载完成）

微博@符号的用户名提示效果。（想@到谁？）