原创 jQuery文檔對象的操作

        1、創建屬性:在DOM規範中,屬性節點比較特殊,用戶無法通過node對象提供的方法遍歷或者定位屬性節點,必須使用element對象定義的特定方法來創建和訪問屬性節點。jQuery創建屬性節點和創建文本節點類似。如創建一個h

原创 CSS診斷樣式表

        當頁面上的標記出了問題時,診斷樣式表可以快速的給出視覺提示。在 http://meyerweb.com/eric/tools/css/diagnostics/diagnostic.css 可以看到一個診斷樣式表的例子,還有

原创 史上最全的瀏覽器 CSS & JS Hack 手冊

      瀏覽器渲染頁面的方式各不相同,甚至同一瀏覽器的不同版本(“傑出代表”是 IE)也有差異。因此,瀏覽器兼容成爲前端開發人員的必備技能。如果有一份瀏覽器 Hack 手冊,那查詢起來就方便多了。這篇文章就向大家分享 Browser

原创 常用CSS hack使用方法

1.@import 在@import中使用URL來導入樣式,標準的用法便是將URL中的值帶上引號。例如:@import  url(“newstyle.css”);   帶引號的URL地址只能被IE5及以上瀏覽器、以及firefox所識別,

原创 使用jQuery製作高級表單

1、 啓用或禁用表單元素: html代碼:<input  type="text" id = "name-input" /> 添加一條代碼禁用上面的表單:$("#name-inout").attr("disabled",true); 如果要

原创 使用jQuery改進導航:菜單、標籤及摺疊選項

一、讓頁面上所有的鏈接都在新窗口打開。         除此可以設置頁面上所有連接的屬性,讓它們在新窗口打開之外,還可以對頁面上的這些鏈接做別的事情。         1、給所有的鏈接添加一個新的類;         2、爲所

原创 《SEO實戰密碼》——SEO網站結構優化

       一、優化網站的目的:        從seo角度看,優化網站結構要達到以下幾個目的:        1、增強用戶體驗。        2、網站頁面的收錄。        3、規劃好頁面的權重分配。        4、內部鏈接

原创 offsetHeight, clientHeight與scrollHeight的區別

clientHeight 大部分瀏覽器對 clientHeight 都沒有什麼異議,都認爲是內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,即然是指可看到內容的區域,滾動條不算在內。但要注意padding是算在內

原创 HTML5解決跨域問題

由於瀏覽器的同源策略,網絡連接的跨域訪問是不被允許的,XHR對象不能直接與非同源的網站處理數據交互。而同源指的是什麼呢?同源的範疇包括:規則(協議),主機號(域名、ip等),端口號。 但是隨着開放,共享平臺的流行,跨域訪問的需求愈加強

原创 jQuery的選擇器及過濾器

 基本過濾選擇器:          :even和 :odd :匹配結果集中順序爲偶數(:even)或奇數(:odd)的元素。          :header:匹配標題元素等標籤          :not : 不匹配後面選擇器的元素

原创 ie6的兼容方法

雖然說微軟已經停止對ie6的支持,但是在中國還是存在很大一部分使用ie6的用戶,所以對於那些在互聯網方面歷史比較長的公司來說,可能ie6還是很大一部分用戶(目前我們公司是),所以還是得繼續做ie6的兼容。 在定位方面,ie6是不支持固定定

原创 用js實現tab菜單及下拉菜單

        經常瀏覽網頁的時候可以看到tab菜單,而實現這個效果的方法有很多種,這裏主要跟大家分享一下用原生js實現tab菜單的方法。         原生js實現tab菜單和下拉菜單都有兩種方法,一種是普遍的for循環,一種是事件委

原创 與layout特性相關的IE解析bug和解決方法

      如下面的代碼:  <style type="text/css">   #box {   background:red;   width:80px;   height:80px;   float:left;   }   #wr

原创 如何將頁腳固定在頁面底部

作爲一個Web的前端攻城師,在製作頁面效果時肯定有碰到下面這種現象:當一個HTML頁面中含有較少的內容時,Web頁面的“footer”部分隨着飄上來,處在頁面的半腰中間,給視覺效果帶來極大的影響,讓你的頁面看上去很不好看,特別是現在寬屏越

原创 用jQuery生成可交互的表格——維護表格、設置表格分頁

爲表格中的行添加懸停效果:        在表格的使用中,我們可以爲表格中的行添加懸停效果,讓表格對用戶的鼠標懸停動作做出反應以方便用戶閱讀。下面的例子中,當用戶把鼠標放到表格中任意一行時,我們通過爲當前行設置另一種背景色輕鬆的實現了這個