原创 史上最全JS表單驗證封裝類

/*****************************************************************                  表單校驗工具類  (linjq)       *************

原创 Gif多圖:我常用的 16 個 Sublime Text 快捷鍵

Gif多圖:我常用的 16 個 Sublime Text 快捷鍵這裏有一個15 16 個快捷鍵的精選列表(1個自定義快捷鍵),以gif動畫展示,我每天使用。享受吧!(譯者注:原文所列快捷鍵均爲OS X環境,爲了方便Windows和Linux

原创 jQuery 獲取屏幕高度、寬度

做手機Web開發做瀏覽器兼容用到了,所以在網上找了些彙總下。alert($(window).height()); //瀏覽器當前窗口可視區域高度alert($(document).height()); //瀏覽器當前窗口文檔的高度alert

原创 jquery獲取元素顏色css('color')的值返回RGB。如何轉十六進制

css代碼如下:a, a:link, a:visited { color:#4188FB; }a:active, a:focus, a:hover { color:#FFCC00; }js代碼如下:var link_col = $("a:l

原创 css3動畫簡介以及動畫庫animate.css的使用

 在這個年代,你要是不懂一點點css3的知識,你都不好意思說你是個美工。美你妹啊,請叫我前端工程師好不好。呃。。好吧,攻城屍。。。呵呵,作爲一個攻城屍,沒有點高端大氣上檔次的東西怎麼能行呢,那麼css3的動畫就絕對是值得你擁有了,雖說IE9

原创 Web動畫API教程:可愛的運動路徑(Motion Path)

這是介紹瀏覽器中web動畫API的系列教程的第五篇。如果你有什麼問題/想法,或者發現我理解錯了規範的內容,或是希望我在接下來的文章中對某部分內容進行探討的話,請在Twitter給我留言吧~@dancwilson。這篇文章的一個比較早期(簡單

原创 RGB和RGBA之間的轉換

function RGB2RGBA(rgb_color,alp){//注:rgb_color的格式爲#FFFFFFFvar r = parseInt("0x" + rgb_color.substr(1,2));var g = parseIn

原创 jQuery頁面滾動圖片等元素動態加載實現

一、關於滾動顯屏加載常常會有這樣子的頁面,內容很豐富,頁面很長,圖片較多。比如說光棍節很瘋狂的淘寶商城頁面。或者是前段時間寫血本買了個高檔耳機的京東商城頁面,或者是新浪微博之類。這些頁面圖片數量多,而且比較大,少說百來K,多則上兆。要是頁面

原创 Javascript閉包(Closure)

閉包(closure)是Javascript語言的一個難點,也是它的特色,很多高級應用都要依靠閉包實現。 下面就是我的學習筆記,對於Javascript初學者應該是很有用的。 一、變量的作用域 要理解閉包,首先

原创 淺談CSS3 Filter的10種特效

  必須要說明的是,這裏的CSS3 Filter與我們所熟悉的CSS Filter是完全不同的兩個概念,也不是我們所熟悉的IE濾鏡,它是指通過CSS或SVG渲染元素概念可以描述的元素,包括它的子元素。 關於CSS3 Filter的具體解

原创 簡單返回頂部代碼及註釋說明

1. 最簡單的靜態返回頂部,點擊直接跳轉頁面頂部,常見於固定放置在頁面底部返回頂部功能方法一:用命名錨點擊返回到頂部預設的id爲top的元素html代碼<a href="#top" target="_self">返回頂部</a>方法二:操作

原创 鼠標滾動插件smoovejs和wowjs

前言鼠標滾動特效很常見,當鼠標滾動到特定的位置時纔會觸發相應的CSS特效,這裏簡單聊兩款鼠標滾動特效插件smoovejs和wowjs。smoovejssmoovejs基於jQuery,所以在引入smoovejs之前確保先引入jQuery,相

原创 生成二維碼的 jQuery 插件:jquery.qrcode.js

jquery.qrcode.js 是一個純瀏覽器 生成 QRcode 的 jQuery 插件,它使用非常簡單,生成的 QRcode 無需下載圖片,並且不依賴第三方服務,比如最近 Google 服務在國內訪問不穩就造成我好幾個網站的 QRco

原创 JS判斷設備以及區別不同瀏覽器(微信、手機等)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS區別不同瀏覽器(微信、手機等)</title> </head> <body> <scrip

原创 百度插件uaredirect.js電腦版跳轉到手機版網站

一、介紹這段時間,有好多朋友問我,跳轉到手機版的那個JS是怎麼寫的。其實這個JS也不是我寫的,是百度siteapp下的一款跳轉的產品,使用起來很方便。你可以用這款JS跳轉到手機版,也可以跳轉到任何你想跳轉的位置。二、JS下載百度下載地址: