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