Time of Update: 2013-10-16
第十九章 用戶端儲存 1.cookie ①最初是在用戶端用於儲存會話資訊的。 1.1 限制 ①cookie在性質上是綁定在特定的網域名稱下的。當設定了一個cookie後,再給建立它的網域名稱發送請求時,都會包含這個cookie。 ②cookie的限制: □IE6以及更低版本限制每個網域名稱最多20個cookie。 □IE7和之後版本每個網域名稱最多50個cookie。 □Firefox50個 □Opera50個 □Safari和Chrome無硬性規定
Time of Update: 2013-10-16
因為工作需要,所以這幾天琢磨了一下關於jQuery外掛程式開發的問題,經過一天鏖戰,終於完成自己動手做的第一個jQuery外掛程式,對於俺這種見了css就頭痛的人來說,一天時間8小時,保守估計有5個小時在弄css(我css文盲層級,形容得還不夠貼切,如果說文盲不會寫字,只會說話,那我是連話都不會說的層級。),好了,廢話少說,切入正題。 首先要瞭解jQuery外掛程式開發分兩種,1.類層級的外掛程式開發。2.對象層級外掛程式開發。 什麼? 你居然問什麼是類層級和什麼是對象層級?
Time of Update: 2013-10-16
打造 漂亮 動態 友好的 精選隨機色彩 投票百分比展示 效果 HTML結構: 複製代碼 代碼如下: <ul class="vote-box-list clearfix" id="appVoteBox"> <li class="vl-item" id="voteItem0" > <div class="vote-item-wrap"> <h4>A:</h4> <p class="litem"><em
Time of Update: 2013-10-16
測試代碼如下: home [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]有元素a和img(標準文檔模式),設定了相對路徑。各瀏覽器效果如下IE6/7:返回完整路徑IE8/9/10/Firefox/Safari/Chrome/Opera:返回相對路徑IE6/7中想要與其它瀏覽器保持一致的話,可以給getAttribute的第二個參數設為2。 home [Ctrl+A 全選
Time of Update: 2013-10-16
1、介面設計 index.html:只提供了一個嚮導顯示位置的預留位置 複製代碼 代碼如下: <html> <head> <title>禮物推薦嚮導</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css">
Time of Update: 2013-10-16
複製代碼 代碼如下: /* * 從新浪微博上抄的 * */ var getLength = (function(){ var trim = function(h) { try { return h.replace(/^\s+|\s+$/g, "") } catch(j) { return h } } var byteLength = function(b) { if (typeof b == "undefined") { return 0 } var a =
Time of Update: 2013-10-16
複製代碼 代碼如下: function siblings(o){//參數o就是想取誰的兄弟節點,就把那個元素傳進去 var a=[];//定義一個數組,用來存o的兄弟元素 var p=o.previousSibling; while(p){//先取o的哥哥們 判斷有沒有上一個哥哥元素,如果有則往下執行 p表示previousSibling if(p.nodeType===1){ a.push(p); } p=p.previousSibling//最後把上一個節點賦給p } a.reverse()
Time of Update: 2013-10-16
jqPlot是一個非常強大的圖表工具,曲線,柱狀,餅圖,應該有盡有,更要命的是,調用方便~~ 官網:http://www.jqplot.com/ 這裡貢獻上中文教程,基本上所有的api都很齊全,供有需要的童鞋們瞧瞧,更重要的是作為自己滴收藏~~哦耶耶~ jqPlot整的來說有三個地方需要配置。格式如: $.jqplot(‘target', data, options);target:要顯示的位置。data:顯示的資料。options:其它配置 seriesColors: [ "#4bb2c5",
Time of Update: 2013-10-16
滑塊和投影片效果是常用的內容展示方式之一,這是一種在有限的網頁空間內展示系列項目時非常好的方法。今天這篇文章就與大家分享20個非常棒的 jQuery 投影片外掛程式和教程。 > Slider Gallery with jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQuerySimple JQuery Image Slide
Time of Update: 2013-10-16
我們知道,javascript與HTML之間的互動是通過事件來實現的,事件就是使用者或瀏覽器自身執行的某種動作,比如click、mounseover、load……,而響應事件的函數就叫做事件處理函數(或事件接聽程式)。 event util test baidu [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-16
運行效果後,點擊菜單,會彈出一個註冊表單,類似於很多論壇的使用者註冊及登入功能那樣,目前還是挺流行的。 彈出層 姓名: * 您的真實姓名 電話: * 請填寫您的電話號碼 地址: * 請填寫您的地址,以保證資料郵遞 郵箱: * 請填寫電子郵箱 內容
Time of Update: 2013-10-16
註:對多選按鈕操作。 1:批量全選添加、大量移除。 2:行單選添加、移除。 3:分頁之後(全選或不選)狀態標識依然存在 複製代碼 代碼如下: /* *****>****>tr單選事件 ------------------------------------------------------------------------------------*/ $("#ajaxshowmdqhList tbody tr").live("click",function(){
Time of Update: 2013-10-16
插圖:在支援Html5瀏覽器下觀看會有更加體驗 其中IE9以下版本使用濾鏡類比了一個陰影,刪掉此處內容,IE下運行會更加平滑(至少我的老爺機運行更平滑了。) 第一步插圖: 啟動函數需要傳回值,在這個啟動函數裡面你可以為所欲為,但是在你壞事做完之後必須返回一個值, 被發現,那你就得停下來等待處理結果,那麼就返回false,無法繼續執行, 沒有被發現那就趕緊的離開這裡,返回true,繼續執行到下一步!
Time of Update: 2013-10-16
複製代碼 代碼如下: <?php /* <?xml version="1.0" encoding="utf-8"?> <article> <item> <title name="t1"></title> <content>content1</content> <pubdate>2009-10-11</pubdate> </item> <item>
Time of Update: 2013-10-16
.remove 所作的事情與上一篇提到的.add 剛好相反。且與.add中的處理代碼一一對應,即 .add 中有多少種添加事件的方式.remove就有對應的刪除方式。.remove 定義了四個參數 elem, types, handler, pos 。從字面上看四個參數的意義很明了elem 為HTMLElementtypes 為String類型,事件名稱如'click'或'mouseover mouseout' handler 為Function類型,事件回呼函數pos
Time of Update: 2013-10-16
複製代碼 代碼如下: <body> <textarea></textarea> hello <script> window.onblur=function(){ document.title= 'blur:' + Math.random() ; } window.onfocus=function(){ document.title= 'focus:' + Math.random() ; } </script> </body>
Time of Update: 2013-10-16
下邊這些jQuery片段只是很少的一部分,如果您在學習過程中也遇到過一些常用的jQuery代碼,歡迎分享。下邊就讓我們看看這些有程式碼片段。 1.jQuery得到使用者IP: 複製代碼 代碼如下: $.getJSON("http://jsonip.appspot.com?callback=?", function (data) { alert("Your ip: " + data.ip); }); 2.jQuery查看圖片的寬度和高度: 複製代碼 代碼如下: var theImage =
Time of Update: 2013-10-16
複製代碼 代碼如下: <!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 id="Head1" runat="server">
Time of Update: 2013-10-16
這個排序是進行兩兩比較。 拿這個數組進行降序排列var a = [3, 1, 5, 6, 4, 2]; 第一輪比較:用第一個數值和本數組的其他元素進行比對 3比1 3比5 //5大,所以所以進行交換 得a = [5, 1, 3, 6, 4, 2]; 5比6 //交換 得a = [6, 1, 3, 5, 4, 2]; 6比4 6比2 第一輪最終結果 a = [6, 1, 3, 5, 4, 2]; 第二輪比較:用第二個數值和這個數值之後的元素進行對比 1比3 //交換 得a = [6, 3, 1,
Time of Update: 2013-10-16
最後我們給出合適的代碼:核心代碼:複製代碼 代碼如下:lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/