javascript实现的柱状统计图表
工作需要，用javascript做一个统计图表： 完成后，做个笔记，大家分享一下，互相学习。其中还有点问题，还不是很完善。 其中参考了百度空间，中管理中心，访问统计，的js统计图表。但是应用上还是有差别，因为我做的这个项目中，需要时实的...
动态调用CSS文件的JS代码
复制代码 代码如下:<script type="text/javascript" language="javascript"> var _sn = ["df/common", "df/home2010"]; var _su = "http://www.jb51.net/skin/"; var Swidth = screen.width; var _se, _st; for (i i...
Javascript this 关键字 详解
一、this指向构造函数实例化对象在上篇文章中，我们提到了使用new和不使用new调用构造函数的区别，如下例：复制代码 代码如下:
function Benjamin(username, sex) {
this.username = username;
this.sex = sex;
}...
js实现select跳转功能代码
js简单实现select跳转功能：代码如下<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="selectBox"> <select class="toSlt"> <option href="http://jichuang.gongchang.cn/p...
Javascript原型链和原型的一个误区
之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,如, 如下的代码:复制代码 代码如下:
function Foo() {};
var foo = new Foo();
Foo.prototype.label = "laruence";
alert(foo.label); //output: larue...
原生js和jQuery随意改变div属性style的名称和值
一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title>函数传参，改变Div任意属性的值</title><style type="text/css">body,p{margin:0;padd...
一个不错的js html页面倒计时可精确到秒
一个不错的js html页面倒计时可精确到秒，很简单，但和实用 <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span>...
用简洁的jQuery方法toggleClass实现隔行换色
今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>隔行换色</title><script src="js/jquery-1.4.2.min.js"></script><style type="text/css"&g...
jQuery实现的导航条切换可显示隐藏
用jQuery实现一些导航条切换，显示隐藏，主要运用的技术有slideToggle( )，toggeClass( )，toggle( ):代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>导航条在项目中的应用</title><script language="jav...
用jquery模仿的a的title属性的例子
用jQuery实现的模仿a的title属性的例子，在测试的时候ie6,7上出现了层次混乱，不过最终解决了。html代码如下：<div class="wrap"><ul class="list clearfix"><li><a href="">UI设计师</a><div class="show"><p>所属部门：技...
运用jQuery定时器的原理实现banner图片切换
主要运用了定时器的原理，bind,trigger应用等<!DOCTYPE html><html><head><meta charset="utf-8"><title>banner切换实现</title><style type="text/css">/** @description: banner切换样式* @author: lanfeng(beryl)*...
jquery实现导航固定顶部的效果仿蘑菇街
jquery实现导航固定顶部的效果，仿蘑菇街的，感觉还不错，需要的朋友可以参考下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns...
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
在下面浏览器下测试通过：Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧），其它浏览器还没试过。 目前刚添加了4个皮肤，添加新皮肤非常方便，您可以参考已添加的皮肤图片和css代码，相信您会很快搞定。
效果截图： 一、在...
JavaScript 动态添加表格行 使用模板、标记
对于复杂的操作情况，比如：添加一行之后，在这一行上还要进行相关的操作会显得有些吃力；本人比较喜欢表现层使用模板、标记填充数据的做法，于是自己做手做了个小组件，与大家一起分享。组件运行截图：设计思路： 在Table的thea...
javascript Keycode对照表
字母和数字键的键码值(keyCode)按键键码按键键码按键键码按键键码A65J74S83149B66K75T84250C67L76U85351D68M77V86452E69N78W87553F70O79X88654G71P80Y89755H72Q81Z90856I73R82048957 数字键盘上的键的键码值(key...
JavaScript 高仿真可控弹簧振子实现代码
高仿真弹簧振子(压缩使用版) 设置完以后从新激活元素然后点我！！ 运行以后请从新激活
初始的速度(单位：像素/毫秒):
移动时间间隔(单位：毫秒):
半个周期损失的(速度)能量（>-1）：
开...
JS window.opener返回父页面的应用
JS代码： window.open()； 而当支付成功后，需要关闭支付平台支付成功界面，并在客户端加载客户端支付成功页面，JS代码: window.opener.location.href=url;window.close();...
JavaScript 图片放大效果及代码说明
Magnifier #magnifier{ width:342px; height:420px; position:absolute; top:100px; left:250px; font-size:0; border:1px solid #000; } #img{ width:342px; height:420p...
利用JQuery+EasyDrag 实现弹出可拖动的Div，同时向Div传值，然后返回Div选中的值
原来我们要写一个客户端的特效，要写一两天的JavaScript，然后再调试一两天，才可以看见端倪。现在我们只要使用JQuery和他的 plugin，就可以任意的实现我们脑海中的特效，感谢他们的编写者对人类的贡献（一百个西红柿砸过来。。...
JavaScript 文本域字体大小选择功能
文本框字体选择 选择字体 这里的字体会跟着你的选择而变化 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...
js 操作符实例代码
复制代码 代码如下:var $mfunc=function(){ return { //此函数判断浏览器类型,为了简便,返回一个数字表示, //1.ie6;2.ie7; 3.ie8;4.ie5.5;5,Firefox;6.chrome;7.Opera;8.Safari;0.无法检测的浏览器 //其他浏览器可以...
CSS 伪类实现的鼠标滑动图片链接
下面的代码用到上面的图片，大家注意保存下。 CSS伪类实现的鼠标滑动链接 @charset "utf-8"; /* CSS Document For www.jb51.net*/ body { text-align:center; font-size:12px; color:#777777; font-family:Verdana...
颜色变换 像字符逐字输入的欢迎词
颜色变幻像字符输入一样的欢迎词 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...
CSS 渐变背景的6个演示代码
CSS渐变背景 body{font:0.75em/1.4 Arial;text-align:left;margin:20px;} hr{clear:both;visibility:hidden;} xmp{font:12px/12px "Courier New";background:#fff;color:#666; border:solid 1px #ccc;} div.ex...
百度用到的Js日历 大家可以看看
而且日历功能很强大，带有节日、农历等，运行看效果就明白了，相信不会让您失望的。 百度的Js日历，值得一看 body,td,.p1,.p2,.i{font-family:arial} body{margin:6px 0 0 0;background-color:#fff;color:#000;} table{bo...