Time of Update: 2013-10-17
複製代碼 代碼如下: var tabIndex = 'shouye'; var tabIndex2 = 'shouye'; var tabIndex3 = 'shouye'; var tabIndex4 = 'shouye'; var tabIndex5 = 'shouye'; var tabIndex6 = 'shouye'; var tabIndex7 = 'shouye'; /** * 向TabPanel組件中添加視窗或啟用已經存在的視窗 * 並將指定資源載入進視窗 * @param
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> <meta http-equiv="Content-Type"
Time of Update: 2013-10-17
(1)jquery 綁定事件 目前1.7以上,jquery的事件綁定已經用on替換了原來的bind; 區別:(個人理解)bind是一次綁定事件到每一個子節點;on是只綁定到父節點,然後冒泡到各個子節點; 用法:bind 一個事件,一個方法:$(".class input").bind('click',function(e){...;e.stopPropagation;}) 兩個事件,一個方法:$(".class input").bind('click mouseover',function(e)
Time of Update: 2013-10-17
<select>標籤的外觀問題很惱人,各個瀏覽器都不一致,單單就IE,一個版本就一個長相,還不能用CSS修飾。在這將本人對<select>的美化方法共用出來。優點: 仍保留使用<select>,僅改變外觀,不改變不干預Form行為,後期載入JS。(註:本指令碼依賴jQuery)啥也不說了,都在代碼裡。複製代碼 代碼如下: $(document).ready(function () { //
Time of Update: 2013-10-17
因為我們無法通過任何方法擷取整個頁面的大小和當前載入了多少,所以想製作一個載入進度條的唯一辦法就是類比。那要怎麼類比呢? 我們知道,頁面是從上往下執行的,也就是說我們可以大致估算出在頁面的某個位置載入了多少,而後用jq類比出一個進度條來顯示。 首先我們先畫一個進度條的樣子,也就是圖中的樣子,這個不用過多說明,自己看代碼 CSS 複製代碼 代碼如下: .loading{position:relative;top:0;left:0} .tip1{float:left;background:#A700
Time of Update: 2013-10-17
當地址欄含有參數,我們可以再目標頁面通過window.location.search來擷取我們需要的參數及其值 複製代碼 代碼如下: // 擷取地址欄的參數數組 function getUrlParams() { var search = window.location.search ; // 寫入資料字典 var tmparray = search.substr(1,search.length).split("&"); var paramsArray = new Array; if(
Time of Update: 2013-10-17
Validation是jQuery的外掛程式,提供的方法可以大大簡化驗證表單的工作,功能也足夠一般的需要了。rules也足夠簡單,很容易上手,舉個簡單的例子,用validation來驗證註冊表單。 首先確定驗證的目標是: 1. 必填項不可為空 2. 註冊使用者名稱必須為6-12個字元內 3. 合格的email格式 4. 密碼必須為6-18個字元 5. 確認密碼必須跟密碼一致 ok,目標很明確了。正片開始 複製代碼 代碼如下: <script type="text/javascript"
Time of Update: 2013-10-17
下面和大家分享一下具體的實現過程。HTML標籤結構:複製代碼 代碼如下:<ul class="animation_menu"> <li class="current"> <a
Time of Update: 2013-10-17
複製代碼 代碼如下: <table style="width: 100%; height: 100%" border="1"> <caption> Material/Special Tool Rental/Tool Cantainer/Transportation/Mobile</caption> <tbody><tr> <td> Project No </td> <td> <input
Time of Update: 2013-10-17
可縮放向量圖形(Scalable Vector Graphics,SVG)是基於可延伸標記語言 (XML)(XML),用於描述二維向量圖形的一種圖形格式。SVG由W3C制定,是一個開放標準。另SVG還是Static Var Generator靜止無功發生器的簡稱判斷瀏覽器是否支援SVG的代碼(部分截去自Highcharts源碼): Js代碼: 複製代碼 代碼如下: function hasSVG(){ SVG_NS = 'http://www.w3.org/2000/svg', return !
Time of Update: 2013-10-17
1.在靜態頁面裡添加文字框及樣式和js指令碼的引用:複製代碼 代碼如下:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.jb51.net/--><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server">
Time of Update: 2013-10-17
瀏覽網站時經常看到有的網站上,側欄裡的有些內容滾動到頁面頂端以後就固定在那個位置,不再跟隨捲軸而滾動。這種效果叫做“側欄跟隨滾動”。它對於那些不希望被滾動到頁面之外的內容是非常有用的。
Time of Update: 2013-10-17
現在的頁面上有許多各種各樣的頁面效果,常用的有彈出層效果,無縫滾動效果,選項卡轉場效果。今天分享一款自己用原生javascript寫的選項卡轉場效果,由於本人水平有限,如有問題請指出。 如下: html代碼: 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title>
Time of Update: 2013-10-17
複製代碼 代碼如下:// JScript 檔案 var inputID, inputName;function ExpandSubCategory(iCategoryID, FahterID) { var li_father = document.getElementById("li_" + iCategoryID); if (li_father.getElementsByTagName("li").length
Time of Update: 2013-10-17
void是javascript中的一個操作符,文法如下: javascript:void(運算式) javascript:void 運算式 void會計算運算式的值,但是會丟棄運算式的傳回值。 這個運算式常常用來使連結變成一個死連結: 複製代碼 代碼如下: <a href = "javascript:void(0)" onclick = "func()">點我</a> 當點擊這個連結的時候,不會發生地址跳轉,而執行onclick函數。 下面的方式也能實現同樣的結果
Time of Update: 2013-10-17
遇到個需要獲得圖片的長寬的問題。在IE、FireFox下均正常,就TMD在Chrome中不行,網上非有人說可以,然後還歸結為是不是Chrome版本問題。 終於的終於,找到了答案。 在大多數情況下,把js代碼放到圖片標籤的後面: 複製代碼 代碼如下: <img id="test" src="**.jpg" /> <script> alert(document.getElementById("test").width;<PRE class=html
Time of Update: 2013-10-17
1.在iframe子頁面中擷取父頁面的元素: a>window.parent.document這個是擷取父頁面document中的對象; b>如果要擷取父頁面js中的方法:window.parent.xxxx();xxxx()為方法;2.在父頁面中擷取iframe子頁面中的元素: a> var child =
Time of Update: 2013-10-17
1.情境點擊某個按鈕,刪除某條記錄後,提示刪除成功,然後重新整理dialog。2.解決方案1)在刪除按鈕上添加callback屬性,添加回呼函數。複製代碼 代碼如下:<a class="delete" href="" callback="dialogAjax" target="ajaxTodo" title="確定要刪除嗎?" fresh="true">2)擴充dwz在dwz.dialog.js中添加如下擴充代碼:複製代碼
Time of Update: 2013-10-17
複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>擷取頁面寬度</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript">&
Time of Update: 2013-10-17
jQuery擷取Select選擇的Text和Value: 選擇一項試試看 文法解釋: 複製代碼 代碼如下: . $("#select_id").change(function(){//code...}); //為Select添加事件,當選擇其中一項時觸發 . var checkText=$("#select_id").find("option:selected").text(); //擷取Select選擇的Text . var checkValue=$("#select_id").val();