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

jQuery示例收集

2016年07月27日 6 阅读

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 新增本地图片上传功能

2016年07月27日 10 阅读

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

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

2016年07月27日 12 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 6 阅读

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

解决jQuery插件tipswindown与hintbox冲突

2016年07月27日 7 阅读

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

基于jquery的loading效果实现代码

2016年07月27日 7 阅读

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

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

2016年07月27日 5 阅读

具体的程序代码如下：复制代码代码如下: <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的广告轮播

2016年07月27日 6 阅读

整个页面如下：复制代码代码如下: <%@ 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元素属性的访问

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 10 阅读

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

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

2016年07月27日 8 阅读

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

发布一个基于javascript的动画类 Fx.js

2016年07月27日 8 阅读

复制代码代码如下: var example = new Fx（element,//元素 { form:{ //动画前的样式 //color:"#00f", }, to:{ //目标样式 color:"#00f", "background-color":"#5f5", opacity:0.9, }, //线性方法 transition:Transition.elasticInOut, //动画时间 duration:5000, //动画帧值 fps:50,...

window.ActiveXObject使用说明

2016年07月27日 7 阅读

（window.ActiveXObject）什么意思？解：判断浏览器是否支持ActiveX控件，如果浏览器支持ActiveX控件可以利用 var xml=new ActiveXObject（"Microsoft.XMLHTTP"）;创建XMLHttpRequest 对象（这是在IE7以前的版本中）；在较新的IE版本中可以利用 var xml=new ActiveXObject（"Msxml2.XMLHTTP"）的形式创建XMLHttpRequest对象...

javascript开发中因空格引发的错误

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 htt...

JavaScript游戏之优化篇

2016年07月27日 6 阅读

1。善用DocumentFragment 之前有个打飞机的游戏。我是用如下方法添加子弹复制代码代码如下: for（var i=0;i<5;i++）{ var bullet = new Bullet（）; document.body.appendChild（bullet）; } 问题就来了，我的目的是希望同时能出现5颗子弹，所以我循环将5个子弹对象添加到body，这样会导致一个结果：浏览器reflow了5次。但其实可以找一个载体，来先把这5个子...

JavaScript游戏之是男人就下100层代码打包

2016年07月27日 6 阅读

这次的游戏的编写难度比之前的都高很多。本次鄙人用了js的继承以及设计模式的工厂模式，也算是一个突破。。。游戏的大致设计思路：1，玩家类Player：一个人能左右移动，以及上下移动的小人。拥有的基本方法：{左右移动 : 单纯的键盘左右移动，向下移动 : 属于向下加速度移动，每次移动都会加一个重力加速度的值，向上移动 : 其实是跟着方块一起向上移动，匀速向上运动，弹跳 : 就是玩家先向上一个减速度运动，然后，当速度小于1时，像下加速度运动}2，方块基类Blo...

window.location.hash 使用说明

2016年07月27日 5 阅读

比如loation.href是页面的url .但是 location.hash可以获取或设置页面的标签值比如http://domain/#testDemo中咱们的location.hash 就是 #testDemo 下面引用一个网上的demo 一个搜索版块,功能有3个:普通搜索,高级搜索,后台管理,分别指明他们各自的hash 值:#search,#advsearch,#adminboss. 在页面初始化的时候,通过window.locatio...

首页 / 脚本样式 / JavaScript

jQuery示例收集

TinyMCE 新增本地图片上传功能

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

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

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

解决jQuery插件tipswindown与hintbox冲突

基于jquery的loading效果实现代码

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

基于jQuery的仿flash的广告轮播

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

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

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

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

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

发布一个基于javascript的动画类 Fx.js

window.ActiveXObject使用说明

javascript开发中因空格引发的错误

JavaScript游戏之优化篇

JavaScript游戏之是男人就下100层代码打包

window.location.hash 使用说明