原创 css 失效的原因

1.使用link進行css的外部鏈接時  需寫上rel="stylesheet",否則該css將失效 即<link href="css/base.css" type="text/css" rel="stylesheet" />

原创 聯繫QQ

1.點擊聯繫QQ  就可以和客服進行對話,而且無需加客服爲好友。<a href="tencent://message/?uin=88888888&Site=JooIT.com&Menu=yes"> <img border="0" SRC=

原创 js基礎效果

1.滑進滑出過程中出現閃動的解決辦法 $(this).stop(true).animate({width:'100'},10);2.jquery 判斷滾動條到達了底部 參考網址 http://zhidao.baidu.com/link?u

原创 圖像優化

1.使用CSS Sprite(CSS精靈)    由於一般的瀏覽器平均只支持同時下載不超過6張圖片, 延時要乘以圖片的下載批次。使用CSS Sprite(CSS精靈), 一個單一的圖像包含你所有的小圖標。網頁從服務器上下載的該單一圖像,並

原创 子元素選擇器與定位過濾器的區別

1.子元素選擇器,從1開始記數     定位選擇器,從0開始記數 2. <span style="font-family:KaiTi_GB2312;"><ul> <li>A</li> <li>B</li> <li>C</li

原创 常用js代碼

<pre name="code" class="javascript">function resetItem(){ var wWidth = $(window).width(); var wHeight=$(window).heig

原创 div+css垂直居中顯示

div+css垂直居中顯示 效果圖: 1.兼容到ie7+ HTML: <div class="nav"> <div class="cell"> <div class="cell_ct">

原创 圖片全屏顯示

背景全屏顯示 div{background:url(../img/bg.jpg) repeat left top; width:100%; background-size:100% 100%; min-height:100%; posit

原创 正則表達式

一、校驗數字的表達式 數字:^\d*$ n位的數字:^\d{n}$ 至少n位的數字:^\d{n,}$ 至少m位,至多n位:^\d{m,n}$ 非零開頭的最多帶兩位小數的數字:^[1-9]\d*(.\d{1,2})?$ 帶1-2位小

原创 jQuery選擇器

1 基本選擇器 名稱 效率(或說明) 最佳選擇(或實例) id選擇器 javascript原型方法高 document.getElementById("id") 類型選擇器 javascript原型方法高 document.getEle

原创 圖片延遲加載

參考網址 http://www.w3cways.com/1765.html 插件下載地址 http://download.csdn.net/download/u010127996/9577237

原创 常用css代碼

/* base */ dd,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;} body{margin:0;padding:0;background:#fff;text

原创 導航條

1.水平 ①.頂部,圖像隨鼠標滑動,僅2 層,ie7+ 代碼下載http://download.csdn.net/download/u010127996/9515404②頂部,二級導航內容上下滑動打開,僅2 層,ie7+ 代碼下載h

原创 圖片輪播

1.ie10+ (觸屏、ie10+)、多種效果(如3d翻轉等) 代碼下載 http://download.csdn.net/download/u010127996/9498976 插件網址 http://idangero.us/ 2

原创 將圖片批量變爲30%等情況

1.打開圖片 2.點擊②開始錄製動畫 3.命名 4.錄製過程中將已打開圖像的大小變爲30% 5.圖像縮小成功後,按③停止動畫錄製 6.點擊 文件->腳本->圖像處理器 7.選擇對應路徑; 文件類型選擇jpg【處理j