首页 / 分类：javascript

分类：javascript

jQuery validate验证隐藏表单(hidden)域

发布于 2016年8月18日不静之心 javascript

jQuery validate验证隐藏表单(hidden)域 http://www.17jquery.com/…

查阅更多评论

javascript innerHTML、outerHTML、innerText、outerText的区别

发布于 2016年8月18日不静之心 javascript

javascript innerHTML、outerHTML、innerText、outerText的区别 h…

查阅更多评论

PFold.js 折叠纸片

发布于 2016年8月15日不静之心 javascript

PFold.js 折叠纸片 http://zaixianshouce.iteye.com/blog/2317…

查阅更多评论

Joint.js 在线图形设计框架

发布于 2016年8月11日不静之心 javascript

Joint.js http://www.jointjs.com/ Demo: http://www.join…

查阅更多评论

js生成矢量svg二维码

发布于 2016年8月8日不静之心 javascript

js生成矢量svg二维码 http://www.oschina.net/code/snippet_436945…

查阅更多评论

jQuery coveringBad 效果对比

发布于 2016年8月8日不静之心 javascript

jQuery coveringBad 效果对比 http://zaixianshouce.iteye.com/…

查阅更多评论

javascript event对象与 jquery event 解析

发布于 2016年8月2日不静之心 javascript

javascript event对象与 jquery event 解析描述 event代表事…

查阅更多评论

jQuery对象 vs DOM对象

发布于 2016年8月1日不静之心 javascript

jQuery对象 vs DOM对象 http://my.oschina.net/u/2312022/blog/…

查阅更多评论

echart使用记录

发布于 2016年7月27日不静之心 javascript

官方文档 https://echarts.baidu.com/examples/ 官方配置文档: https…

查阅更多评论

jqGrid的搜索框下拉

发布于 2016年7月27日不静之心 javascript

jqGrid的搜索框下拉 http://www.cnblogs.com/linguoguo/p/4076279…

查阅更多评论

jQuery Backstretch动态设置背景图片插件

发布于 2016年7月27日不静之心 javascript

jQuery Backstretch动态设置背景图片插件原文： http://www.2cto.com/kf…

查阅更多评论

日期时间插件Date-Utils

发布于 2016年7月27日不静之心 javascript

日期时间插件Date-Utils 原文 https://segmentfault.com/a/11900000…

查阅更多评论

Riot v2.4.1 发布，JavaScript 的 MVP 框架

发布于 2016年7月27日不静之心 javascript

Riot v2.4.1 发布，JavaScript 的 MVP 框架 http://www.oschina.n…

查阅更多评论

个最实用的JavaScript开发工具

发布于 2016年7月27日不静之心 javascript

个最实用的JavaScript开发工具 http://my.oschina.net/u/2421687/blo…

查阅更多评论

zepto tap “点透”的解决

发布于 2016年7月27日不静之心 javascript, 移动

zepto tap “点透”的解决 http://my.oschina.net/u/2497925/blog/…

查阅更多评论

Lodash 4.14.0 发布，JavaScript 实用工具库

发布于 2016年7月26日不静之心 javascript

Lodash 4.14.0 发布了，lodash 是一个 JavaScript 实用工具库，提供一致性，模块化…

查阅更多评论

XSLT 介绍与 Google Ajaxslt

发布于 2016年7月14日不静之心 javascript

XSLT 介绍与 Google Ajaxslt http://bright895.blog.163.com/b…

查阅更多评论

jquery.i18n.properties使用小记

发布于 2016年7月14日不静之心 javascript

jquery.i18n.properties使用小记 http://blog.sina.com.cn/s/bl…

查阅更多评论

jquery插件合集之分页插件[表单和表格]

发布于 2016年7月14日不静之心 javascript

jquery插件合集之分页插件[表单和表格] http://www.skygq.com/2011/01/24/…

查阅更多评论

关于Jquery jqGrid的使用

发布于 2016年7月3日不静之心 javascript, 未分类

关于Jquery jqGrid的使用官方文档： http://www.trirand.com/jqgridw…

查阅更多评论

tinyMCE使用详解

发布于 2016年7月3日不静之心 javascript

tinyMCE使用详解 http://www.iwms.net/n2065c17.aspx

查阅更多评论

DWR3 文件上传下载功能

发布于 2016年7月3日不静之心 javascript

DWR3 文件上传：http://blog.csdn.net/id19870510/article/detai…

查阅更多评论

javascript下Date对象的时间格式化函数

发布于 2016年7月3日不静之心 javascript

http://blog.csdn.net/yzy0612/article/details/1730732 [c…

查阅更多评论

javascript判断数据类型

发布于 2016年7月3日不静之心 javascript

http://blog.csdn.net/hongweigg/article/details/6824968 …

查阅更多评论

JavaScript去除空格的三种方法 (trim),RepleaceAll

发布于 2016年7月3日不静之心 javascript

String.prototype.Trim = function()

{

return this.replace(/(^\s*)|(\s*$)/g, "");

}

String.prototype.LTrim = function()

{

return this.replace(/(^\s*)/g, "");

}

String.prototype.RTrim = function()

{

return this.replace(/(\s*$)/g, "");

}

str.replace(new RegExp(oStr, "gm"), nStr);

查阅更多评论

JQuery应用三：菜单效果

发布于 2016年7月3日不静之心 javascript, 美工

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>JQuery菜单</title>

$(document).ready(function(){

//查找所有主菜单

//$(".main > a,.hmain > a").click(function(){

$(".main > a").click(function(){

//当前菜单已经展开，取消确事件

if($(this).css("background-image").indexOf("expanded.gif")>=0){

changeIcon($(this));//改变左边的图标

var ulNode = $(this).next("ul");

ulNode.slideToggle();

return;

}

//把其它展开的都关闭

$(".main >a ").each(function(index){

if($(this).css("background-image").indexOf("expanded.gif")>=0){

changeIcon($(this));

var ulNode = $(this).next("ul");

//slideUp()：通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。

ulNode.slideUp();

}

});

changeIcon($(this));//改变左边的图标

var ulNode = $(this).next("ul");

if(ulNode.css("display")=="none"){

ulNode.css("display","block");

}else{

ulNode.css("display","none");

}

//JQuery动画效果

//ulNode.show("slow");//slow,normal,fast

//ulNode.hide(300);

//ulNode.toggle("slow");

//ulNode.slideDown("normal");

//ulNode.slideUp();

//slideToggle()：通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数

ulNode.slideToggle();

});

//hover：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法

$(".hmain").hover(function(){

var liNode = $(this);

var aNode = liNode.children("a");

if(aNode.css("background-image").indexOf("collapsed.gif")>=0){

//延迟处理，防止用户不小心划动

timeoutid = setTimeout(function(){

changeIcon(aNode);

//slideDown()：与slideUp()相反

liNode.children("ul").slideDown();

},300);

}

},function(){

clearTimeout(timeoutid);

var aNode = $(this).children("a");

if(aNode.css("background-image").indexOf("expanded.gif")>=0){

changeIcon(aNode);

$(this).children("ul").slideUp();

}

});

//改变当菜单项的background-image

function changeIcon(mainNode){

if(mainNode){//不为空

if(mainNode.css("background-image").indexOf("collapsed.gif")>=0){

mainNode.css("background-image","url(images/expanded.gif)");

}else{

mainNode.css("background-image","url(images/collapsed.gif)");

}

</script>

</head>

<body>

<div>

<ul>

<ul>

</ul>

</li>

<ul>

</ul>

</li>

<ul>

</ul>

</li>

</ul>

</div>

<div>

<ul>

<ul>

</ul>

</li>

<ul>

</ul>

</li>

<ul>

</ul>

</li>

</ul>

</div>

</body>

</html>

[crayon-68312ceebc5a59…

查阅更多评论

遍历JavaScript对象的所有属性

发布于 2016年7月3日不静之心 javascript

http://www.javatang.com/archives/2006/09/13/442864.html…

查阅更多评论

JavaScript判断浏览器类型及版本

发布于 2016年7月3日不静之心 javascript

http://www.cnblogs.com/leadzen/archive/2008/09/06/12857…

查阅更多评论

用 Javascript 获取滚动条位置等信息

发布于 2016年7月2日不静之心 javascript

http://www.codebit.cn/javascript/get-scroll-position.ht…

查阅更多评论

js实现trim的功能

发布于 2016年7月2日不静之心 javascript

trim:function(str){

return str.replace(/(^\s*)|(\s*$)/g, "");

}

ltrim:function(str){

return str.replace(/(^\s*)/g, "");

}

rtrim:function(str){

return str.replace(/(\s*$)/g, "");

}

查阅更多评论

js创建自定义对话框

发布于 2016年7月2日不静之心 javascript

一: 这是只是一个很简单的例子 Js代码

createDialog: function(flag){

var dialogMark = document.getElementById("dialogMark");

var dialogContent = document.getElementById("dialogContent");

var dialogIframe = document.getElementById("dialogIframe");

if(typeof(dialogContent)=="unfined"||dialogContent==null){

dialogContent = document.createElement("div");

dialogContent.id="dialogContent";

dialogContent.innerHTML="This is a message of dialog.";

dialogContent.style.backgroundColor="#FF0000";

dialogContent.style.width="100%";

dialogContent.style.height="100%";

dialogContent.style.border="1px solid #00FFFF";

}

if(typeof(dialogMark)=="unfined"||dialogMark==null){

dialogMark = document.createElement("div");

dialogMark.id="dialogMark";

dialogMark.innerHTML="[<a href='#' onclick=\"commonUtils.createDialog('N')\">X</a>]";

dialogMark.style.backgroundColor="#FF00FF";

dialogMark.style.top="100px";

dialogMark.style.left="100px";

dialogMark.style.width="600px";

dialogMark.style.height="300px";

dialogMark.style.position="absolute";

dialogMark.style.filter="alpha(opacity=80)";

dialogMark.style.border="2px solid #00FF00";

dialogMark.appendChild(dialogContent);

document.body.appendChild(dialogMark);

}

if(typeof(dialogIframe)=="unfined"||dialogIframe==null){

dialogIframe = document.createElement("iframe");

dialogIframe.id="dialogIframe";

dialogIframe.style.backgroundColor="#660066";

dialogIframe.style.top="0px";

dialogIframe.style.left="0px";

dialogIframe.style.width=window.screen.availWidth+"px";

dialogIframe.style.height=window.screen.availHeight+"px";

dialogIframe.style.filter="alpha(opacity=20)";

dialogIframe.style.position="absolute";

//dialogIframe.appendChild(dialogMark);

document.body.appendChild(dialogIframe);

}

if(flag=="Y"){

dialogIframe.style.zIndex=10000;

dialogMark.style.zIndex=10001;

dialogContent.style.zIndex=10002;

dialogIframe.style.display="";

dialogMark.style.display="";

dialogContent.style.display="";

}else{

dialogIframe.style.zIndex=-1;

dialogMark.style.zIndex=-2;

dialogContent.style.zIndex=-3;

dialogIframe.style.display="none";

dialogMark.style.display="none";

dialogContent.style.display="none";

}

为…

查阅更多评论

javascript 生成随机颜色

发布于 2016年7月2日不静之心 javascript

http://hi.baidu.com/lovebwf/blog/item/ddf768168f31894f2…

查阅更多评论

js对表格的操作

发布于 2016年7月2日不静之心 javascript

http://dikar.iteye.com/blog/143593 [crayon-68312ceebce9…

查阅更多评论

jQuery选择器整理

发布于 2016年7月2日不静之心 javascript

http://blog.csdn.net/paulgerchen/archive/2010/06/03/564…

查阅更多评论

预览文章: 一个Jquery的圆角插件

发布于 2016年7月2日不静之心 javascript

http://jrc.rctonline.nl/

查阅更多评论

不静之心

分类：javascript

jQuery validate验证隐藏表单(hidden)域

javascript innerHTML、outerHTML、innerText、outerText的区别

PFold.js 折叠纸片

Joint.js 在线图形设计框架

js生成矢量svg二维码

jQuery coveringBad 效果对比

javascript event对象与 jquery event 解析

jQuery对象 vs DOM对象

echart使用记录

jqGrid的搜索框下拉

jQuery Backstretch动态设置背景图片插件

日期时间插件Date-Utils

Riot v2.4.1 发布，JavaScript 的 MVP 框架

个最实用的JavaScript开发工具

zepto tap “点透”的解决

Lodash 4.14.0 发布，JavaScript 实用工具库

XSLT 介绍与 Google Ajaxslt

jquery.i18n.properties使用小记

jquery插件合集之分页插件[表单和表格]

关于Jquery jqGrid的使用

tinyMCE使用详解

DWR3 文件上传下载功能

javascript下Date对象的时间格式化函数

javascript判断数据类型

JavaScript去除空格的三种方法 (trim),RepleaceAll

JQuery应用三：菜单效果

遍历JavaScript对象的所有属性

JavaScript判断浏览器类型及版本

用 Javascript 获取滚动条位置等信息

js实现trim的功能

js创建自定义对话框

javascript 生成随机颜色

js对表格的操作

jQuery选择器整理

预览文章: 一个Jquery的圆角插件

访问信息

功能

近期评论