Time of Update: 2017-01-19
像:jQuery的table排序外掛程式(感覺其使用比較麻煩或不清楚其具體用法,就沒有使用)、原生態js的table排序外掛程式等,最後比較看了下——採用了一個原生態js的table排序外掛程式,並在其基礎上做了些修改,雖有些勉強或有些地方使用不太舒服,但最算是比較好的實現了當時需要的功能。而前兩天,對原有表格做了點兒修改——增加隔行換色的功能,問題就出現了,——效果錯亂;檢查分析了下,問題出在其table排序外掛程式代碼上——其原代碼寫的比較難理解,修改還不如重新自己寫一個table排序外掛程
Time of Update: 2017-01-19
我們先以解析上例中的comments對象的JSON資料為例,然後再小結jQuery中解析JSON資料的方法。JSON資料如下,是一個嵌套JSON:複製代碼 代碼如下:{"comments":[{"content":"很不錯嘛","id":1,"nickname":"納尼"},{"content":"喲西喲西","id":2,"nickname":"小強"}]}擷取JSON資料,在jQuery中有一個簡單的方法 $.getJSON()
Time of Update: 2017-01-19
本文執行個體講述了jQuery中even選取器的定義和用法。分享給大家供大家參考。具體分析如下:此選取器匹配所有索引值為偶數的元素,從0開始計數。文法結構:複製代碼 代碼如下:$(":even")此選取器一般也要和其他選取器配合使用,比如類別選取器、元素選取器等等。例如:複製代碼
Time of Update: 2017-01-19
對了,注意那個innerText和innerHTML 複製代碼 代碼如下: function sortCells(event) { var obj = event.target; var count = 0; count是記錄點擊次數的,根據奇偶進行升序或降序 if(!obj.getAttribute("clickCount")){ obj.setAttribute("clickCount", 0); } else { count =
Time of Update: 2017-01-19
由於近來學了點js,於是我裝逼道。。。不太難吧。。。就切一下display屬性?同學無視我。。說要搞個通用的。。。什麼還要跟ajax互動。。???我愣是沒有聽懂。。。到底要搞什麼。。。權當作練手,我自己胡弄了一個。 需求:同學口中的通用我不知道神馬意思。。。那我就按自己的理解吧。。 ①跨瀏覽器,IE6+,FF,Chrome,Safari,Opera ②同一個頁面可以用同一個js設定不同的選項卡。 說太多沒啥米用,來看代碼吧。
Time of Update: 2017-01-19
工作需要一個JS分頁外掛程式,心想自己動手寫一個吧,一來上網找一個不清楚代碼結構的,出了問題難以解決,而且網上的外掛程式所包含的功能太多,有些根本用不到,就沒必要載入那段JS,二來想起沒寫過jQuery外掛程式,就當練一下手了,好了,先看結果:http://demo.jb51.net/js/2014/EasyPage/ 簡單說一下這個外掛程式所要實現的功能 後台將查詢出來的內容全部顯示到頁面上,這個外掛程式要控制這些內容,使其一頁一頁顯示。有上一頁,下一頁,首頁,尾頁的功能。
Time of Update: 2017-01-19
1.瀏覽器安全色問題: 瀏覽器安全色性的例子:ie6,ie7對table.appendChild("tr")的支援和IE8不一樣,用insertRow、insertCell來代替或者為表格添加tbody,然後向tbody中添加tr。FF(FireFox)不支援InnerText,用textContent代替 2.幾乎所有DOM元素都有innerText、innerHTML 屬性(注意大小寫),分別是元素標籤內內容的文本表示形式和HTML原始碼,這兩個屬性是可讀可寫的。
Time of Update: 2017-01-19
1.HTML5+CSS3實現的類比真人奔跑動畫特效今天要分享一款很酷的類比真人奔跑動畫,它主要是利用HTML5/CSS3技術結合多張圖片的切換來實現的。這款HTML5動畫的逼真之處在於人物在奔跑的時候很有節奏感,而且有人物的投影。更重要的是當人物跑的越來越近是,人物的大小也會隨之變大。很像一個小男孩從遠處跑過來。線上示範源碼下載2.jQuery實現的四款支援不同自訂圖片切換的焦點圖外掛程式特效jQuery實現的四款支援不同自訂圖片切換的焦點圖外掛程式特效源碼L_slide.js,是一段可以實現自
Time of Update: 2017-01-19
摒棄其他的效果,最簡單的輪播也就只有一條語句: parent.appendChild(parent.firstChild),不斷的把列表的一個元素添加到最後一個,appendChild會將節點從原來的位置移除,所以藉此可以產生轉場效果。 一點,IE對文本的文本節點與其他的瀏覽器不同,在擷取子節點的時候需要注意,另外在不同版本的FF中,children這個屬性也需要注意。 下面的demo沒有設定#view的overflow:hidden。 demo_1: 複製代碼 代碼如下:
Time of Update: 2017-01-19
這是一篇原創翻譯文章。原文地址。我們會經常使用iframes來載入第三方的內容、廣告或者外掛程式。使用iframe是因為他可以和首頁面並行載入,不會阻塞首頁面。當然使用iframe也是有利有弊的:Steve Souders在他的blog裡面有闡述:Using Iframes Sparingly:iframe會阻塞首頁面的onload事件 首頁面和iframe共用同一個串連池
Time of Update: 2017-01-19
在使用Jquery開發的過程中,extend是常用的參數處理函數,特別是對預設值的使用。Jquery的擴充方法原型是:var v=$.extend(dest,src1,src2,[,src3...]);作用是把src1,src2,src3合并到到dest中並返回合并後的dest.但是在使用過程中,預設值往往是不能被改變的,如下:var defaut={'selector':'select','default':'預設值','backcolor':'#85e137','forecolor':'#0
Time of Update: 2017-01-19
那麼有什麼不同呢?先看一個例子: 一個二級級聯動態下拉式清單方塊,一級分類(即大類別)id="vSort0". 複製代碼 代碼如下: <head> function changelocation(id) {…………} </head> <body><select class="input1" id="vSort0" name="vSort0"
Time of Update: 2017-01-19
測試例子: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <
Time of Update: 2017-01-19
idTabs是基於Jquery編寫封裝的一個外掛程式,主要用於實現選項卡功能,它操作簡單,只需到官網:http://www.sunsean.com/idTabs/下載外掛程式JS指令檔,並引用到網站中即可<script src="js/jquery.idTabs.min.js" type="text/javascript"></script>頁面HTML布局及調用如下:<div id="tabsbox"
Time of Update: 2017-01-19
方法一: 複製代碼 代碼如下: <script language="javascript"> function getIE() { if(navigator.appName == "Microsoft Internet Explorer") { if(navigator.appVersion.match(/7./i)=='7.') { //是IE7,不跳轉 } else { //不是,跳轉 location.href='http://127.0.0.1'; } } }
Time of Update: 2017-01-19
如果我們都計算出對的格式,然後再顯示的話,顯然浪費代碼和效率,今天看見了許多ToString可以解決的格式,總結給大家,希望可以方便大家。 1.轉換錢的格式,僅限int型,float型,double型 double d = 400; d.ToString("C"); //¥400.00 2.10進位數,僅限int型的數字 int i=400; i.ToString("D5"); // 00400 3.科學型數字,僅限int型,float型,double型 float f = 400;
Time of Update: 2017-01-19
實現原理首先,我們講解一下放大鏡效果的實現方式:方法一:準備一張高像素的大圖,當滑鼠放到原圖上,載入顯示大圖的對應位置。方法二:對原圖片進行放大,也就是調整原圖的長和寬。上面我們介紹了通過兩種方式實現放大鏡效果,接下來,我們將以上的兩種方式應用到我們的jQuery外掛程式中。首先,我們需要一個img元素顯示原圖對象,還需要一個容器作為顯示框;顯示框裡面存放大圖對象。當滑鼠移動到原圖上時,通過對大圖進行絕對位置來顯示對應的部位,實作類別似放大鏡的效果。接下來,讓我們定義Index.html頁面,具
Time of Update: 2017-01-19
那麼,對於typeof var!==”number”的類型來說,進行運算時,會嘗試轉化成32位整形資料,如果無法轉換成整形資料,就轉換為NaN; JS在位元運算上用了更簡便的一種方法來實現這中運算,那麼它的實現原理大致上可以這樣理解: 複製代碼 代碼如下: var testData=-2.9; var testResult=(typeof
Time of Update: 2017-01-19
重要的鍵盤事件: 事件順序:keydown -> keypress ->keyup 對於IME開啟時: keypress: 這三個事件中最最特別的事件的說,如果巧妙運用可以事半功倍: 1. 首先對於大部分功能鍵是沒有keypress事件的 Caps lock ,shift,alt,ctrl,num lock、、、慶幸的是enter擁有此事件 2. 對於字母,數字,press返回的keyCode是不可靠的 在IE和webkit 下 返回的是ASCII code firfox下永遠返回0
Time of Update: 2017-01-19
HTML 端: PART 1: 複製代碼 代碼如下: {{foreach from=$question.question_item item="it" name="question_item"}} <tr> <td align="left">{{$it.item_id}}</td> <td align="left">{{$it.item_name}}</td> <td align="left">9 <input