其他

jsMind是一個純javascript實現的思維導圖類庫，基於html5的canvas實現，以BSD協議開源。提供了思維導圖的顯示，編輯等功能，支援freemind資料格式，有豐富的開發介面可供使用，具體功能請訪問軟體首頁進一步瞭解。jsMind 現已支援通過滑鼠拖拽的方式調整節點位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用該功能。需要注意的是，當思維導圖設定為不可編輯的時候，拖拽功能也將同時禁止。請訪問

 CheckBox控制項就是我們一般所說的複選框，通常用於某選項的開啟或關閉。大多數應用程式的“設定”對話方塊內均有此控制項。我們看到的可以打勾的就是CheckBox。　　該控制項表明一個特定的狀態（即選項）是選定 (on，值為1) 還是清除 (off，值為0)。在應用程式中使用該控制項為使用者提供“True/False”或“yes/no”的選擇。因為 CheckBox 彼此獨立工作，所以使用者可以同時選擇任意多個 CheckBox，進行選項組合。   

本文執行個體講述了js實現滑動觸屏事件監聽的方法。分享給大家供大家參考。具體實現方法如下：function span_move_fun(){ var span = document.getElementById("move_k"); var span_left = $(span).offset().left; var span_top = $(span).offset().top; var start_left = $(span).offset().left; var start_top = $

本文執行個體講述了JS根據生日算年齡的方法。分享給大家供大家參考。具體實現方法如下：function parseDate(str){ if(str.match(/^\d{4}[\-\/\s+]\d{1,2}[\-\/\s+]\d{1,2}$/)){ return new Date(str.replace(/[\-\/\s+]/i,'/')); } else if(str.match(/^\d{8}$/)){ return new

本文執行個體講述了js實現簡單選項卡與自動轉場效果的方法。分享給大家供大家參考。具體分析如下：這裡再上篇《js實現簡單的可切換選項卡效果》基礎上，進一步實現可以自動切換的轉場效果，用這種效果就可以做簡單的焦點圖了。說明：設定一個標識數字置為0，寫一個每過幾秒標識+1,執行轉場效果的函數，然後執行。當標識超過當前選項卡長度讓標識置為0。在滑鼠移到選項卡的時候關閉定時器，滑鼠移走的時候開啟定時器。<!DOCTYPE

本文執行個體講述了js實現簡單的可切換選項卡效果的方法。分享給大家供大家參考。具體如下：如圖，最簡單的純粹的選項卡第一步，當然是先寫html代碼和css樣式<!DOCTYPE html><html><head><meta charset="gb2312" /><title>無標題文檔</title><style>body,ul,li{margin:0; padding:0; font:12px/1.5

本文執行個體講述了js使用DOM操作實現簡單留言板的方法。分享給大家供大家參考。具體分析如下：如圖所示簡易留言板，也就是自娛自樂版，說白了就是練習DOM操作。要點一：document.createElement("標籤名") 建立元素要點二：父元素.appendChild("元素")  把建立的元素插入到頁面的標籤中（在標籤的最後一個顯示），這樣才會在瀏覽器中顯示出來要點三：父元素.insertBefore("元素","要插入哪個元素的前面") 

本文執行個體講述了js實現簡單滑鼠跟隨效果的方法。分享給大家供大家參考。具體分析如下：滑鼠跟隨，顧名思義，就是在滑鼠移動的時候，有個動畫跟隨著滑鼠一起移動。 要點一：var oEvent = evt || window.event;這個是為了相容ie和ff而寫的，在ie下window.event表示event對象，而ff下，是給事件函數傳一個參數，這個參數就表示事件對象。要點二：document.onmousemove = function(evt)滑鼠跟隨是在滑鼠移動時發生的事情。&

第一種方式//檢查圖片是否存在function CheckImgExists(imgurl) {var ImgObj = new Image(); //判斷圖片是否存在ImgObj.src = imgurl;//沒有圖片，則返回-1if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {alert(imgurl + '存在');} else {alert(imgurl +

本文執行個體講述了js上傳圖片及預覽功能。分享給大家供大家參考。具體分析如下：參考了網上一些人代碼寫了一個上傳圖片及時預覽的功能<img id="imgTag" style="height: 100px;" alt="" /><input type="file" />function DisplayImage(fileTag,imgTagId){var allowExtention=".jpg.png.gif";var

以代碼形式實現過程分析：<html><head><title>打字效果</title><meta http-equiv="Content-Type" Content="text/html;charset=gb2312" /><style type="text/css">body{ font-size:14px; font-color:#purple; font-weight:bolder;}</style>

現下，javascript大行其道，對於網站開發人員來說，javascript是必需掌據的一門語言，但隨著jquery等架構的流行和使用，許多人對於原生javascript缺乏深入的理解，習慣了函數式的編輯風格，對於閉包、原型總是說不清道不明．對於js物件導向蹩腳的用著，而要瞭解js物件導向，就必需先瞭解js中什麼是公有方法、特權方法、靜態方法方法/步驟1.公有屬性和公有方法function User(name,age){ this.name = name;//公有屬性 this.age =

1、建立數組複製代碼 代碼如下:var array = new Array();var array = new Array(size);//指定數組的長度var array = new Array(item1,item2……itemN);//建立數組並賦值2、取值、賦值複製代碼 代碼如下:var item = array[index];//擷取指定元素的值array[index] = value;//為指定元素賦值3、添加新元素複製代碼 代碼如下:array.push(item1,item2……

在js裡面如何擷取一個數組的最後一個元素呢？這裡總結了兩種方法，有需要的朋友可以看看。（1）js內建pop方法pop() 方法用於刪除並返回數組的最後一個元素，注意這裡在擷取了數組的最後一個元素的同時也將原數組的最後一個元素給刪除了。如果數組已經為空白，則該方法不改變數組，並返回 undefined 值，如：<script>var args=new

javascript實現重新整理iframe的方法的總結，現在假設存在下面這樣一個iframe，則重新整理該iframe的N種方法有：複製代碼 代碼如下:<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 第一種方法:用iframe的name屬性定位複製代碼 代碼如下:<input type="button" name="Button" value="Button" onclick="document.

本文執行個體講述了js表格排序的方法。分享給大家供大家參考。具體如下：<html><head><title>SortTable2</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">var k=0;/**//*******************************

js擷取當前日期時間及其它操作匯總var myDate = new Date();myDate.getYear(); //擷取當前年份(2位)myDate.getFullYear(); //擷取完整的年份(4位,1970-????)myDate.getMonth(); //擷取當前月份(0-11,0代表1月)myDate.getDate(); //擷取當前日(1-31)myDate.getDay();

1、各瀏覽器下 scrollTop的差異IE6/7/8/9/10：對於沒有doctype聲明的頁面裡可以使用  document.body.scrollTop 來擷取 scrollTop高度 ；對於有doctype聲明的頁面則可以使用 document.documentElement.scrollTop  ；Safari:safari 比較特別，有自己擷取scrollTop的函數 ： window.pageYOffset

方法一：$(document).ready(function () { var tempStr = "abcdefg我們都是好孩子"; var pattern_char = /[a-zA-Z]/g; var pattern_chin = /[\u4e00-\u9fa5]/g; var count_char = tempStr.match(pattern_char).length; var count_chin =

　 布局不是基於float，也不是基於絕對位置，看最下面的html,css就知道了。也沒有滿篇煩人的html插入，代碼很清爽function getIndex(index) { if (index < 10) { index = "00" + index; } else if (index < 100) { index = "0" + index; } return index;}var $ = function(id) { return