Time of Update: 2015-03-20
標籤:javascript radio 選項按鈕 radio是form表單中非常常用的一種表單元素,對於radio的操作中,都是利用radio的checked屬性,都是對radio的checked屬性做操作。擷取radio的選中值時,遍曆radio按鈕項,找到被選中(checked)的狀態的那個按鈕,然後返回其值;給radio賦&
Time of Update: 2015-03-19
標籤: javascript原生的事件,總結了一下,包括事件流、處理函數、事件對象這幾樣東西。而在相容性方面,主要是老牌ie8以及以下和現代瀏覽器的差異,也就是ie和DOM事件標準的差異。事件流這個事件流ie4和Netscape4提出來的,但是兩個公司提出的事件流確實剛好相反的。ie的是事件冒泡,Netscape的是事件捕獲。ie會從觸發事件的元素一直往上冒泡直到document元素。ie8以下包括ie8的Netscape則是從document元素開始往下傳播一直到觸發事件的元素。而DOM標準
Time of Update: 2015-03-19
標籤:window.onload = function() { var canvas = document.getElementById("canvas"), context = canvas.getContext("2d"); context.beginPath(); context.moveTo(0,300); for(var x = 1; x < 300; x++){ var y = 300 + Math.sin(x * 0.02)
Time of Update: 2015-03-19
標籤:<!doctype html><html><head> <meta charset="UTF-8"> <title>HTML5-Drag-Demo by 頑Shi</title> <style> .column { height: 200px; width: 200px; float: left; border: 1px solid black;
Time of Update: 2015-03-19
標籤:unit Unit1;interface{$DEFINE CODESITE}uses {$IFDEF CODESITE}CodeSiteLogging, {$ENDIF} Classes, SysUtils, IWAppForm, IWApplication, IWColor, IWTypes, IWCompButton, Vcl.Controls, IWVCLBaseControl, IWBaseControl, IWBaseHTMLControl, IWControl,
Time of Update: 2015-03-19
標籤:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;
Time of Update: 2015-03-20
使用js實現的簡單拖拽效果,js實現拖拽前端開發的時候,有好多地方用到拖拽效果,當然 http://jqueryui.com/draggable/ 是個不錯的選擇,but 我是個打破砂鍋問到底的人,抽點時間用js小小的實現了類似的外掛程式,話不多說。 first: html和css複製代碼 代碼如下:<head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2015-03-20
jQuery實現列表的全選功能,jquery列表全選只需要幾行代碼就可以實現列表的全選功能,並且可以配合post請求執行背景刪除程式js複製代碼 代碼如下:function DelAlert(data) { if(data == 'error')
Time of Update: 2015-03-20
jQuery實現根據類型自動顯示和隱藏表單,jquery自動顯示jquery實現表單根據選項按鈕進列欄位的動畫切換,昨天寫的,感覺比起初學時寫的js/jquery有了很大進步。。在最大化擴充性的情況下經可能使代碼精簡。html複製代碼 代碼如下:<div
Time of Update: 2015-03-20
jQuery建立自訂的選取器用以選擇高度大於100的超連結執行個體,jquery選取器本文執行個體講述了jQuery建立自訂的選取器用以選擇高度大於100的超連結實現方法。分享給大家供大家參考。具體分析如下:jQuery建立一個自訂的選取器,自己定義的這個選取器實際上可以是一個函數,下面的JS代碼定義了一個over100pixels的選取器,選擇出高度大於100的連結,這類技巧非常實用$.extend($.expr[':'], { over100pixels: function(a) {
Time of Update: 2015-03-20
JavaScript控制兩個列表框listbox左右交換資料的方法,javascriptlistbox本文執行個體講述了JavaScript控制兩個列表框listbox左右交換資料的方法。分享給大家供大家參考。具體分析如下:這個功能我們經常用到,將左邊列表框的元素移動到右邊,或者將右邊列表框的元素移動到左邊,可以一次性全部移動複製代碼 代碼如下:function listbox_moveacross(sourceID, destID) { var src =
Time of Update: 2015-03-20
JavaScript控制listbox列表框的項目上下移動的方法,listbox列表框本文執行個體講述了JavaScript控制listbox列表框的項目上下移動的方法。分享給大家供大家參考。具體分析如下:這段JS代碼可以控制listbox內的元素向上或者向下移動,這個功能非常有用。下面是詳細的代碼複製代碼 代碼如下:function listbox_move(listID, direction) { var listbox =
Time of Update: 2015-03-19
javascript實現ecshop搜尋方塊鍵盤上下鍵切換控制 在createSelect()函數中,返回一個對象,這個對象的兩個方法next()和prev()中的調用的moveSelect()能正確的指向到該函數,也可以把moveSelect()函數放到外面來。 代碼如下:/* 鍵盤操作與問題推薦選擇 */var curDo = null;var select = createSelect();$('#keywords').keyup(function(e){var
Time of Update: 2015-03-19
JavaScript從數組中刪除指定值元素的方法 這篇文章主要介紹了JavaScript從數組中刪除指定值元素的方法,執行個體分析了兩種常用的javascript運算元組指定元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下 本文執行個體講述了JavaScript從數組中刪除指定值元素的方法。分享給大家供大家參考。具體分析如下:下面的代碼使用了兩種方式刪除數組的元素,第一種定義一個單獨的函數,第二種為Array對象定義了一個removeByValue的方法,調
Time of Update: 2015-03-19
javascript版2048小遊戲 本文給大家分享的是使用javascript製作的2048小遊戲的代碼,僅僅是想鍛煉下自己的編程代碼風格,盡量做的規範些,小夥伴們多多給些建議。 沒有技術含量,只是用來練習代碼邏輯的。為了代碼結構清晰,我把邏輯控制部分寫在全域變數裡,使用者介面操作封裝在UI對象裡,大概就這樣了。僅供參考。工作時候,我的編碼風格有人吐槽太亂了,所以我想試著寫一個不是那麼亂的東西出來。。 代碼如下:<HTML><head
Time of Update: 2015-03-19
JavaScript中的依賴注入詳解 這篇文章主要介紹了JavaScript中的依賴注入詳解,本文講解了requirejs/AMD方法、反射(reflection)方法等內容,需要的朋友可以參考下 電腦編程的世界其實就是一個將簡單的部分不斷抽象,並將這些抽象組織起來的過程。JavaScript也不例外,在我們使用JavaScript編寫應用時,我們是不是都會使用到別人編寫的代碼,例如一些著名的開源庫或者架構。隨著我們項目的增長,我們需要依賴的模組變得越來越多,這個
Time of Update: 2015-03-19
JavaScript給url網址進行encode編碼的方法 這篇文章主要介紹了JavaScript給url網址進行encode編碼的方法,執行個體分析了javascript中encodeURIComponent函數的提示,需要的朋友可以參考下 本文執行個體講述了JavaScript給url網址進行encode編碼的方法。分享給大家供大家參考。具體分析如下:JavaScript給url網址進行encode編碼,使用encodeURIComponent即可?
Time of Update: 2015-03-19
使用js實現的簡單拖拽效果 本文給大家分享的是使用純JS實現的簡單的拖拽效果的外掛程式,算是對自己javascript學習的一個小的檢驗,如果小夥伴們需要複雜的拖拽效果,還是考慮jQuery的draggable吧,更成熟一些。 前端開發的時候,有好多地方用到拖拽效果,當然 http://jqueryui.com/draggable/ 是個不錯的選擇,but
Time of Update: 2015-03-19
jQuery實現按鍵盤方向鍵翻頁特效 本文給大家分享的是使用jQuery實現按鍵盤的方向鍵進行翻頁的特效,代碼十分的簡單,功能很實用,這裡推薦給大家,希望大家能夠喜歡。 1.jQuery代碼: 代碼如下:$(document).ready(function(){ var prevpage=$("#pre").attr("href"); var nextpage=$("#next").attr(
Time of Update: 2015-03-19
Javascript:自己寫模板引擎因為JS沒有提供“字串插入”和“多行字串”特性,傳統的拼湊字串容易出錯、效能不高和不容易理解代碼,為了應對這些問題,很多個人和團隊開發了模板引擎,現在主流的JS架構幾乎都提供此類功能了。模板引擎的實現方式有很多種,此處介紹一種簡單、靈活和強大的思路,該方式借鑒了 JSP(網頁伺服器最終將 JSP 頁面轉換為了