首页 / 分类：前端

分类：前端

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);

查阅更多评论

Table 中Td为空时显示边框的方法

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

Table 中Td为空时显示边框的方法你的table {border-collapse:collapse;…

查阅更多评论

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-688e697ac7e8f2…

查阅更多评论

遍历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…

查阅更多评论

用CSS控制 ul / li标记样式:list-style-type各属性的含义

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

http://hi.baidu.com/uuxuan/blog/item/8669b3271c3d2b0790…

查阅更多评论

jquery 图片循环显示

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

* {margin:0;padding:0;font-size:12px;font-family:Verdana;}

img {border:0}

#pic{margin:5px;width:300px;height:200px;overflow:hidden;cursor:pointer;}

#play{position:absolute;margin-left:200px;margin-top:-30px;}

#play a{text-decoration: none;border:1px solid #CEDEF7;background-color:#E8FCEB;width:20px;height:20px;color:#2F49DF;display:block;float:left;text-align:center;line-height:20px;margin-right:3px;}

</style>

var _c = _h = 0;

$(function(){

$('#play > a').click(function(){

var i = $(this).attr('alt') - 1;

clearInterval(_h);

_c = i;

play();

change(i);

})

$("#pic img").hover(function(){clearInterval(_h)}, function(){play()});

play();

})

function play()

{

_h = setInterval("auto()", 1000);

}

function change(i)

{

$('#play > a').css('background-color','#E8FCEB').eq(i).css('background-color','#C6FF5E').blur();

$("#pic img").hide().eq(i).fadeIn('slow');

}

function auto()

{

_c = _c > 2 ? 0 : _c + 1;

change(_c);

}

</script>

<title>js图片播放轮换</title>

</head>

<body>

</div>

</div>

<div>转:<a href="http://koyoz.com">koyoz.com</a>  </div>

</body>

</html>

查阅更多评论

让FireFox始终显示右边滚动条scrollbar的方法

发布于 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";

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

首先，在jsp前面加入 Xml代码

1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我半天没…

查阅更多评论

DIV高度自适应(min-height)与设置DIV最小高度为1px

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

http://www.syscy.com/articleview/2009-6-2/article_view_…

查阅更多评论

不静之心

分类：前端

javascript判断数据类型

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

Table 中Td为空时显示边框的方法

JQuery应用三：菜单效果

遍历JavaScript对象的所有属性

JavaScript判断浏览器类型及版本

用CSS控制 ul / li标记样式:list-style-type各属性的含义

jquery 图片循环显示

让FireFox始终显示右边滚动条scrollbar的方法

CSS图片垂直居中方法整理集合

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

js实现trim的功能

js创建自定义对话框

JS获得鼠标位置

如何在地址栏中显示网站的图标

十五种CSS鼠标样式

ps切图转网页代码（psd to html）

垂直居中的两种实现方法

让图片 div居中实现代码

javascript 生成随机颜色

CSS 禁止滚动条

css样式控制超链接颜色显示

js对表格的操作

HTML的hr变成虚线

jQuery选择器整理

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

整个div居中，不是div中的内容居中

DIV高度自适应(min-height)与设置DIV最小高度为1px

访问信息

功能

近期评论