Time of Update: 2013-10-17
複製代碼 代碼如下: <script type="text/javascript"> $(function(){ var n =$('.fenye >ul li:nth-child').length var c=$(".fenye ul li").index($('.fenye ul li.thisclass')) var setp1=c var setp2=n-c; //後餘 if(n>10){ if(c>2){ for (i=2;i<parseInt(c)
Time of Update: 2013-10-17
複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- 1.層次選取器: 通過DOM元素間的層次關係擷取元素,其主要的層次關係包括後代、父子、相鄰、兄弟關係,通過其中基類別關係可以方便快捷地定位元素 jQuery選取器詳解
Time of Update: 2013-10-17
我們在實際的開發當中經常要擷取頁面中某個html元素,動態更新該元素的樣式、內容屬性等。 那麼如何擷取要更新的這些元素呢?用JavaScript擷取這些節點的方法有很多種,下面是總結的一些方法. 1. 通過document節點擷取: (1) document.getElementById(elementId):該方法通過節點的ID,可以準確獲得需要的元素,是比較簡單快捷的方法。如果頁面上含有多個相同id的節點,那麼只返回第一個節點。 如
Time of Update: 2013-10-17
html裡的marqueen也能實現內容的滾動,但滾動是間斷的,在滾動一個周期中,會有一段空白出現。如果滾動的地區比較大,空間的出現,會讓頁面看起來很不美觀。運用JavaScript可以使這一問題得到改觀,實現無間斷的滾動。 上下迴圈滾動代碼: 複製代碼 代碼如下: <div id="demo" onmouseover="clearInterval(inter)" onmouseout="inter=setInterval(qswhMarquee,30)" style="overflow:
Time of Update: 2013-10-17
複製代碼 代碼如下: <form action="register.php" method="post"> <div class="loginform_row"> <label>使用者名稱:</label> <input type="text" class="loginform_input" id="name" name="name" /><div id="nameerror"></div>
Time of Update: 2013-10-17
複製代碼 代碼如下: <style type="text/css"> .divFrame { width:260px;border:1px solid #666;font-size:10pt; } .divTitle { background-color:#eee;padding:5px; } .divContent { padding:5px;display:none; } .divCurrColor { background-color:red; } </style>
Time of Update: 2013-10-17
複製代碼 代碼如下: <html> <title>拖動列寬的表格</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"><!-- .bg td{ font-size:12px; text-align:left; line-height:15px; height:20px; } .bg
Time of Update: 2013-10-17
JSON可謂是JavaScript的亮點,它能用優雅簡練的代碼實現Object和Array的初始化。同樣是基於文本的資料定義,它比符號分隔更有語義,比XML更簡潔。因此越來越多的JS開發中,使用它作為資料的傳輸和儲存。JS數組內建了不少有用的方法,方便我們對資料的查詢和篩選。例如我們有一堆資料:複製代碼 代碼如下:var heros = [ // 名============攻=====防=======力量====
Time of Update: 2013-10-17
在之前一篇文章裡嘗試了跨瀏覽器的資料共用,最後提到使用LocalConnection還可以實現跨瀏覽器訊息互動的可行性。 花了兩個晚上簡略的研究了下,LocalConnection的單向通訊非常的簡單,不過要實現多個終端互動,必須自己實現一套訊息機制,見智見仁了。 為了簡單示範,本例使用了基於廣播的觀察者模式:每個終端可以訂閱自己感興趣的主題,也可以向廣播發送訊息,通知其他感興趣的終端。 Demo: http://www.etherdream.com/FunnyScript/
Time of Update: 2013-10-17
複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- 內容過濾選取器:根據元素中的文字內容或所包含的子項目特徵擷取元素,其文字內容可以模糊或絕對匹配進行元素定位 jQuery選取器詳解
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
源起:複製代碼 代碼如下:<div id="test1"> <span>text1</span> <span>text2</span&
Time of Update: 2013-10-17
動畫效果show():顯示hide()隱藏$().toggle():顯示和隱藏效果切換都可以傳入參數,speed. fadeOut(淡出)fadeIn(淡入)fadeToggle();淡入淡出切換fadeTo(2000,0.3)將圖片顯示到透明度為30%的程度 滑動顯示slideDown():slideUp():slideToggle():都可以傳入一個speed參數。 $(':animated');擷取正在執行動畫的元素。將正在執行動畫的元素停止:$(
Time of Update: 2013-10-17
想必大家都注意到<marquee>的不迴圈滾動,所以出現了很多替代指令碼,或iframe或JS輸出<marquee>,不管怎麼做,都略顯麻煩。下面說一下這個相對簡單的實現思路:一個設定寬度並且隱藏超出它寬度的內容的容器demo,裡面放demo1和
Time of Update: 2013-10-17
在一些複雜的頁面中經常會用JavaScript處理一些DOM元素的動態效果,這種時候我們經常會用到一些元素位置和尺寸的計算,瀏覽器安全色性問題也是不可忽略的一部分,要想寫出預想效果的JavaScript代碼,我們需要瞭解一些基本知識。基礎概念為了方便理解,我們需要瞭解幾個基礎概念,每個HTML元素都有下列屬性offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetLeftclientLeftscroll
Time of Update: 2013-10-17
般來說,在對一個檔案域(input type=”file”)使用了驗證後,我們總會希望把檔案域中的值給清空了(否則錯誤的檔案仍然會被提交),而在IE中,安全設定的原因,是不允許變更檔域的值的(也就是不能使用val(“”)) 那麼很顯然,我們就只能換個思路,把這個input元素複製一個,然後將原來的刪除。 在IE下複製元素的時候,其中的值是不會被複製的,所以就達到了清空檔案域的目的了。 而在Firefox下,其中的值也會被一同複製,那麼我們就順便清空一下就做到相容了。 代碼如下: 複製代碼
Time of Update: 2013-10-17
今天說說這個datagrid架構的基本使用,這個架構一直以來都是大家比較頭疼的架構,尤其是Json資料的拼接,後台前台都很重要,使用這個架構,最重要的是仔細:無需廢話,上代碼了:複製代碼 代碼如下:<link href="jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" type="text/css" /><!--easyui最全的樣式包也可單獨引用你想使用的樣式包--><link
Time of Update: 2013-10-17
首先,使用JS動態產生Checkbox可以採用如下類似的語句:複製代碼 代碼如下:var
Time of Update: 2013-10-17
做web的同學們經常會碰到客戶上傳圖片將網頁內容區撐破了的情況,下面就這個問題我們一種如何使用js處理這個問題的方法,具體思路就是在js判斷用戶端的圖片下載完畢之後適時的對該圖片的寬度或者高度做一些處理,js處理圖片主要是利用js中Image對象,通過 onload 事件和 onreadystatechange 來進行判斷。 (1)第一中方法,通過onload事件,比如: 複製代碼 代碼如下:<script type="text/javascript">var obj=new
Time of Update: 2013-10-17
花了一晚上的時間解決了一個看似很容易的問題。今晚做的這個東西中由於要擷取某列中的一個ID值。如果是用平常的那種JS傳值的方式此問題就不存在,但是由於此次用到的都是jquery外掛程式,包括各種彈出框,用JS傳值就得用JS那醜陋的彈出框,所以,你懂得。 網上找了很多方法,用起來都不行,後來想到了jquery中的滑鼠事件,可以在滑鼠經過table時,獲得當前行與列的值。頁面如下所示: 具體操作就是點擊“刪除”按鈕,然後調用jquery外掛程式頁面,這時候需要獲得相應行的“ID”進行操作。