Time of Update: 2013-10-17
複製代碼 代碼如下: //樹 var treePanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree(treePanel); /*渲染樹*/ }, checkchange: function(node, state) {
Time of Update: 2013-10-17
複製代碼 代碼如下: // live主要用於對動態載入出來的元素繫結事件 // 產品目錄 $(".lm_div_q dd").live({ mouseenter: function() { $(this).find("strong").addClass("tj_strong"); $(this).find("strong").next().slideDown(200); // 顯示下拉框 }, mouseleave: function() {
Time of Update: 2013-10-17
其實主要是jquery 層選取器的應用,jquery 高手可以跳過。。。網易相簿如下:當滑鼠移動經過照片就顯示“設為封面|刪除”,移開後就隱藏,此效果在web開發中經常會用到。故總結一下直接上代碼:複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
Time of Update: 2013-10-17
在第一次頁面載入時,元素A的X效果正常,點擊B之後,頁面局部重新整理,此時,回到A,元素A失去X效果.開始以為是前端我這到程式員那裡出現問題,但仔細檢查之後發現沒有,後來瞭解了下頁面應用了ASP.NET AJAX局部重新整理,這就明朗了,估計是和JQUERY衝突了。問題重現: 1.ASP.NET AJAX在頁面中添加ScriptManager和UpdatePanel 2.在UpdatePanel中添加元素A 3.用jQuery對元素A添加X效果 4.在UpdatePanel中加一個Button
Time of Update: 2013-10-17
如果你現在正在使用Restful API,並且你需要通過web項目來構建json格式字串的響應,那麼這篇文章將協助你使用javascript來建立json格式字串。這是非常有用的,我們將通過jQuery外掛程式$.toJSON把資料對象轉換為json格式。 使用JavaScript構建JSON格式字串 JavaScript代碼: 在這裡包含了javascript代碼。$(“#form”).submit(function(){}-
Time of Update: 2013-10-17
前段時間寫了個tabs 選項卡轉場效果,今天抽空在原有的基礎上進行了擴充,加入了自動輪播,這樣就變成了類似圖片輪播的效果了。 html 代碼: 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title> <link rel="stylesheet" type="text/css"
Time of Update: 2013-10-17
複製代碼 代碼如下: <HTML> <HEAD> <TITLE>JS+CSS製作的DIV層最小化和隨意拖拽排序功能</TITLE> <style type="text/css"> body { margin:10px; } #dragHelper { position:absolute;/*重要*/ border:2px dashed #000000; background-color:#FFFFFF; filter:
Time of Update: 2013-10-17
這個代碼沒什麼,貼上來,我想表達的重點隱藏在代碼中,找找看! 複製代碼 代碼如下: <!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>
Time of Update: 2013-10-17
window.open是javascript函數,該函數的作用是開啟一個新視窗或這改變原來的視窗,不過一般用來的是開啟新視窗,因為修改原來的網頁地址,可以有另一個函數,那就是window.location,他可以重新導向網頁地址,使網頁跳轉到另一個頁面。
Time of Update: 2013-10-17
使用combobox時,它有一個hiddenName的屬性,專門用於提交combobox中value的值. 現假設某combobox的Id為comboId,hiddenName屬性的值為hiddenValue, 那麼,使用Ext.get('comboId').dom.value方法擷取的是combobox中選中項的文本text值, 而使用Ext.get('hiddenValue').dom.value擷取的才是combobox中需要提交的value的值。
Time of Update: 2013-10-17
引用方法top: 該變數永遠指分割視窗最高層次的瀏覽器視窗。如果計劃從分割視窗的最高層次開始執行命令,就可以用top變數。 parent: 該變數指的是包含當前分割視窗的父視窗。如果在一個視窗內有分割視窗,而在其中一個分割視窗中又包含著分割視窗,則第2層的分割視窗可以用parent變數引用包含它的父分割視窗。 附:Window對象、Parent對象、Frame對象、Document對象和Form對象的階層關係
Time of Update: 2013-10-17
一. document.all是頁面內所有元素的一個集合。例如: document.all(0)表示頁面內第一個元素 二. 複製代碼 代碼如下: document.all可以判斷瀏覽器是否是IE if(document.all){ alert("is IE!"); } 三. 也可以通過給某個元素設定id屬性(id=aaaa),然後用document.all.aaaa調用該元素 四. 案例: 代碼1: 複製代碼 代碼如下: <input name=aaa value=aaa>
Time of Update: 2013-10-17
上一講我們談到了如何讓靜態人物變為動態,今天我們來談談如何使人物移動,因為這一講涉及上一講內容所以我把上一講的連結寫在下方:一、圖片準備今天我準備換幾張圖片,這樣更新鮮些。這些素材照樣來自《三國志曹操傳》,如果我沒記錯,應該是曹操的素材。接下來我要結合上一次的技術,來告訴大家如何使人物走動起來。不過今天我們著重在於如何使人物走動,因為我們上一講已經講了如何使人物化靜態為動態。二、代碼講解先看總的javascript代碼:複製代碼 代碼如下:var moveLengthLeft = 0; var
Time of Update: 2013-10-17
你可以參考到前一版本 http://www.jb51.net/article/33555.htm 這個有點不好的地方,就是如果想改變樣式,也許得使用尋找替換才行。因此,Insus.NET寫出另外一個方法來實現,這樣可以改一應用百。 先寫一個樣式Style: 複製代碼 代碼如下:<style type="text/css"> .overStyle { border-color:#3599ff; } .outStyle { border-color: #fff; }
Time of Update: 2013-10-17
在使用Easyui GridView時,如果要Gridview的寬度和視窗的寬度相同,只需要設定fitColumns: true即可 這樣實現以後,如果視窗的大小調整後,gridview的寬度是不會改變的,這時就需要我們自己來我完成了。為window添加一個resize事件,在事件回調方法中讓gridview改變寬度即可: 複製代碼 代碼如下: //在調整了視窗大小以後,設定easyui gridview也調整寬度 $(window).resize(function () {
Time of Update: 2013-10-17
今天在看jquery的時候裡面用到了parseFloat(第一個參數,10),一直不懂第二個參數是什麼意思,於是上網查了一下,怕以後忘記就記下來。 定義和用法:parseFloat() 函數可解析一個字串,並返回一個浮點數。 文法:parseFloat(string),參數string是必須的,表示要被解析的字串 傳回值:返回解析後的數字 注意事項: 1.開頭和結尾的空格是允許的。 2.如果字串的第一個字元不能被轉換為數字,那麼 parseFloat() 會返回 NaN
Time of Update: 2013-10-17
前端開發過程中需要不斷學習,不斷溫習。最近計劃白天繼續溫習jquery,晚上學習下原生javascript,然後利用一些時間做做網站推廣SEO來著。計劃暫時這些。 白天活幹完,弄個jquery仿凡客誠品圖片切換的效果 以前寫的不是很好,今天重新做個 jquery特效,其實很簡單,漠然回首也就那回事。 先來個原型吧,鋒利的jquery第一個例子,相信大家都很熟悉。沒錯,你絕對沒看錯。 代碼如下 複製代碼 代碼如下: <div class="menu"> <div
Time of Update: 2013-10-17
客戶需求至上。 這次是更改後的代碼,去掉了“確定”,“取消”按鈕。變單擊為雙擊事件,使用者按ESC鍵,取消更改。 複製代碼 代碼如下: //為每個Td添加雙擊事件 function ReWritable() { var tbmian=document.getElementById("tbmain"); //迴圈,為每行每列添加雙擊事件,但是,第一行(thead)與最後一行(tfoot)不添加。 for(var i=1;i<tbmain.rows.length-1;i++) {
Time of Update: 2013-10-17
用ExtJS開發將近一年了,也遇到了很多奇怪的問題,印象最深的要算是ExtJS在ie中顯示的問題了。由於開發過程中大多用chrome來調試,很少在ie中調試(現在兩者都要兼顧),導致最後在ie中頁面不能正常載入,當時那個囧啊,看到ie報的錯,我都想哭,連出錯的堆棧資訊都沒有(這一點,ie做的真不好),無從下手啊。嘗試過N多方法,最後發現導致出現這種問題的原因(90%以上的可能性)是js的數組中多了一個英文的逗號',',而這種在chrome和Firefox中是沒有問題的,如下面的代碼所示:
Time of Update: 2013-10-17
1、JavaScript訪問DOM對象方法: var oTxtValue=document.getElementById("Text1").value; 2、JQuery訪問DOM對象方法: var oTxtValue=$("#Text1").val(); 通過JQuery庫中的方法訪問或控制頁面中的元素,比使用JavaScript代碼要簡潔得多,而且相容各瀏覽器。 範例程式碼: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0