原创 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