Time of Update: 2018-12-08
他便給我截了個圖是,QQ商城的分類菜單,效果如下:我看了一下,咦!咱們這部落格園也是這種呀!我自己之前也沒做過這種效果,正好自己試試!(我不是做美工的,不過到js略懂罷了!) 一、分析: 1,右邊大分類肯定是一個層下面用divMenuContent表示 2,左邊滑鼠移上去的那個應該也是個層,下面用divMenuItem表示
Time of Update: 2018-12-08
Regex可以: •測試字串的某個模式。例如,可以對一個輸入字串進行測試,看在該字串是否存在一個電話號碼模式或一個信用卡號碼模式。這稱為資料有效性驗證 •替換文本。可以在文檔中使用一個Regex來標識特定文字,然後可以全部將其刪除,或者替換為別的文字 •根據模式比對從字串中提取一個子字串。可以用來在文本或輸入欄位中尋找特定文字 Regex文法 一個Regex就是由一般字元(例如字元 a 到
Time of Update: 2018-12-08
同樣如果一個頁面結構很複雜或者電腦配置不好的話也會出現這種情況。為了弄清變慢的原因,我們做了幾個demo對比,最後發現在mousemove事件上加上定時器能改進這個體驗。 整個代碼的關鍵地方在於當滑鼠按下時開始了的計時器,這樣Onmousemove事件會每隔30ms執行一次,然後在滑鼠松下的時候清除計時器。 timer=setInterval(function(){flag=true;},30); 這樣可以減輕瀏覽器繪製div層的負擔,不至於拖動時每時每刻都在移動,其實太短了人眼也感覺不到變化,
Time of Update: 2018-12-08
離家幾個月不見父母就覺得委屈了? 沒好朋友陪你嘻嘻哈哈就寂寞了? 考試論文作業多就娘的受不了的? 忙學習還要想著課外活動覺得忙不過來了? 幾個晚上睡不好覺他媽的就沒法活了? 覺得前途未蔔未來迷茫就痛不欲生了? 就那麼點屁大的壓力就他媽撐不住了? 人司馬遷被閹了還不活著好好的寫史記, 人貝多芬聾了還不照樣玩音樂, 人劉偉沒手不還一樣彈鋼琴, 人海倫凱勒聾啞盲還一樣學知識, 人易帝天天被冒還不照樣打NBA, 只要身體都好好的有啥不能克服過去? 壓力再大能打過奧巴馬? 中期選舉敗成這樣也沒見他受不了,
Time of Update: 2018-12-08
和大家分享,第一次在部落格園發帖,有不對的地方請列位同學指正。 先給大家講下用法吧: 目錄結構使用步驟 1. 將架構js引入頁面。 2. 複製代碼 代碼如下:parcour.using('system.web.event'); window.onload = function () { alert(eventUtil); // eventUtil是event.js裡的類 } 就可以看到效果了,剩下的就是如何去組織和擴充自己的開發庫了。 -- 由於需要同步擷取檔案內容, 需要部署才可測試,
Time of Update: 2018-12-08
官方的文檔特別說明,該函數只適用於1.2以後的版本,之前的版本是不行滴。 複製代碼 代碼如下:function GetCrossDomainContent() { $.getScript("http://two.xthost.info/im0417/cnblogs.txt", function() { if (typeof (msg) != "undefined") { $("#TestCrossDomain").val(msg[0]); } }); 官方解釋 jQuery.getScript(
Time of Update: 2018-12-08
序 1.外掛程式名cvtooltip中的cv是ChinaValue的首字母縮寫,而tooltip就是提示啦。 2.適用於新功能的提示,引導使用者的提示,即時類訊息的提示,操作失敗提示(操作成功了也沒人攔著)等等等,使用css實現,不附帶任何圖片檔案。 3.目前發現的問題,在Chorme中表現的不給力,是由於Chrome對頁面的解析與IE和FF不同,導致jquery的position或者offset傳回值不同。 4.該外掛程式依然是練習之作,一人之力,錯誤難免。 執行個體示範 1.載入頁面的同時,
Time of Update: 2018-12-08
例如: 含有預留位置的字串hello,{name},your birthday is {birthday }; 提供的Json對象{name: "czonechan", birthday : "1989-07-02" } ; 替換後為 hello,czonechan,your birthday is 1989-07-02。 實現代碼: 複製代碼 代碼如下:Object.prototype.jsonToString=function(str) { o=this; return str.
Time of Update: 2018-12-08
分析代碼也可以知道。 最主要的原因是 寫在頁面上的 <img src="the_big_img_toLoad.jpg" />一經載入,就去向伺服器申請圖片地址,載入大圖片。 如果想實現原定的效果,則 寫在頁面上的待載入地址 必須不能是大圖片的地址,而我們可以將真正的圖片地址資料 儲存在alt屬性中。 正確的例子如下: 複製代碼 代碼如下:<a href="#nogo"><img alt="http://www.jb51.net/comstyles/img200-15
Time of Update: 2018-12-08
1:jQuery是一個快捷簡便的JavaScript架構,說道架構可以直接理解為就是對原來底層的東西進行了封裝使得開發人員能夠利用這個架構快速開發。 2:在當今的各個瀏覽器中都支援事件的冒泡,所謂的冒泡可以這樣理解: 條件:外層有一個DIV元素,在內層有一個P元素,他兩存在這樣的關係:DIV是P元素的父元素,而P是外層DIV的子項目,他們之間存在包含和被包含的關係。 事件:現在我們都在這兩個元素上綁定相同的事件,比如click事件。
Time of Update: 2018-12-08
關於 這個和以前弄的圖片遠處放大有許多相同的地方,比片預先載入、有限容器顯示無限大圖片。 大小計算:內外兩個比例。 複製代碼 代碼如下:// 容器比例和圖片比例 var dr = dw/dh, ir = iw/ih; if(dr>ir){ ih = dh; iw = ih * ir; }else{ iw = dw; ih = iw / ir; } 置中顯示:CSS絕對位置,負邊距。 複製代碼
Time of Update: 2018-12-08
html代碼 複製代碼 代碼如下:<!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> <title>背景切換</title> <link
Time of Update: 2018-12-08
圖示效果:示範地址:http://demo.jb51.net/js/menu_jquery/index.html:http://xiazai.jb51.net/201011/yuanma/menu_jquery.rarOutlookBar.js 複製代碼 代碼如下:function OutlookBar(targetName)//targetName:右側iframe的name { //建立標題 this.AddTitle=function(menuid,menutitle,openor){ $
Time of Update: 2018-12-08
HTML代碼 複製代碼 代碼如下:<asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem>1</asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> <asp:ListItem>4</asp:ListItem&
Time of Update: 2018-12-08
首先頁面上有一個 <textarea id="test"></textarea> 我們為其綁定以下事件 複製代碼 代碼如下:test.onkeydown = function(){ return false; } test.onkeyup = function(){ return false; } test.onkeypress = function(){ return false; } 我們分別注釋掉其中的兩個事件,每次測試僅綁定一個事件。
Time of Update: 2018-12-08
IE下效果 Firefox或其它瀏覽器效果代碼 複製代碼 代碼如下://著作權 酷車中國 www.kuchechina.com //作者 逐月 zhuyue.cnblogs.com //示範 http://www.kuchechina.com/carstools/Default.aspx jQuery.fn.toolTip = function() { this.unbind().hover( function(e) { this.t = this.title; this.title = '';
Time of Update: 2018-12-08
HTML 複製代碼 代碼如下:<SELECT NAME="SelTjYear"> </SELECT> <SELECT NAME="SelTjMonth"> </SELECT> 源碼: 複製代碼 代碼如下:function vYearMonth(yearObjId, monthObjId) { var selYear = document.getElementById(yearObjId); var selMonth =
Time of Update: 2018-12-08
1.使用post提交方式 2.構造表單的數格式 3.結合form表單的submit調用ajax的回呼函數。 使用 jQuery 非同步提交表單代碼: 複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>無標題頁</title> </head> <script src="js/jquery-1.4.2.js"></script> &
Time of Update: 2018-12-08
複製代碼 代碼如下:var unlikes = ['zhang523012313', 'yangtongnet']; function delUnlike(filter, expr) { $(filter).filter(function() { var href = $(this).find(expr).attr('href'); for (var i = 0; i < unlikes.length; i++) { if (href.indexOf(unlikes[i]) > 0)
Time of Update: 2018-12-08
雖然你現在看來沒什麼用,當要用的時候又到處找資料,還不如現在收集一下。 在DOM裡面操作textarea裡面的字元,是比較麻煩的。 於是我有這個封裝分享給大家,測試過IE6,8, firefox ,chrome, opera , safari。相容沒問題。 注意:在firefox下 添加字串的時候有個bug 就是scrollTop 會等於0,當然解決了,但是不夠完美。如果有高手也研究過,麻煩指點下。 複製代碼 代碼如下:var TT = { /* * 擷取游標位置 * @Method