原创 網頁右側浮動聊天窗口

本文本自趙慶貝技術博客,謝絕轉載。 這是網頁右側浮動聊天窗口效果,有興趣者請下載。

原创 js Math 中數學函數用法 取整出 向上取整 向下取整

1.丟棄小數部分,保留整數部分 parseInt(5/2) 2.向上取整,有小數就整數部分加1 Math.ceil(5/2) 3,四捨五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 對象的方法

原创 241個jquery插件—jquery插件大全

jQuery由美國人John Resig創建,至今已吸引了來自世界各地的衆多javascript高手加入其team. jQuery是繼prototype之後又一個優秀的Javascrīpt框架。其經典的Slogan是“Write Less,

原创 jquery 插件庫

爲大家推薦一個超牛逼的jquery插件庫網站:http://www.jq22.com jQuery基礎視頻教程http://edu.51cto.com/course/course_id-959.html 李炎恢老師jQuery初級視頻教程h

原创 Javascript閉包(Closure)

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

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

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

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

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

原创 $(function(){})和$(document).ready(function(){})

document.ready和onload的區別——JavaScript文檔加載完成事件頁面加載完成有兩種事件一是ready,表示文檔結構已經加載完成(不包含圖片等非文字媒體文件)二是onload,指示頁面包含圖片等文件在內的所有元素都加載

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

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

原创 淺談CSS3 Filter的10種特效

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

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

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

原创 CSS3 @font-face

@font-face是CSS3中的一個模塊,他主要是把自己定義的Web字體嵌入到你的網頁中,隨着@font-face模塊的出現,我們在Web的開發中使用字體不怕只能使用Web安全字體,你們當中或許有許多人會不自然的問,這樣的東西IE能支持嗎

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

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

原创 OS X 效率啓動器 Alfred 詳解與使用技巧[轉自少數派]

問:爲什麼要在 Mac 上使用效率啓動器類應用?答:在非特殊專業用戶的環境下,(每天)用戶一般可以在系統中進行上百次操作,可以是點擊,也可以是拖拽,但這些只是過程,而我們的真正目的是想獲得結果,也就是完成一些工作。如果你希望得到一些效率上的

原创 $(function(){})和$(document).ready(function(){})

document.ready和onload的區別——JavaScript文檔加載完成事件頁面加載完成有兩種事件一是ready,表示文檔結構已經加載完成(不包含圖片等非文字媒體文件)二是onload,指示頁面包含圖片等文件在內的所有元素都加載