原创 jquery ui效果-accordion手風琴

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-

原创 JavaScript實現的類似騰訊QQ聊天窗口抖動效果

下面這個完全可以滿足的你的需求: < span>img src="你的圖片url" onMouseover="shake(this,'onmouseout')"< < spa

原创 思維導圖

         終於下定決定開始了WEB前端開發工程師的學習之路,對於這個行業來說,我就是一個小白吧,不過希望通過以後的學習快速成長,儘快成爲一位優秀合格的WEB前端開發工程師。在這裏也希望通過博客來複習檢驗當天學習的課程是否理解到位。

原创 用JS實現鍵盤左右鍵控制圖片移動

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   <html>   <he

原创 JS中typeof與instanceof的區別

JavaScript 中 typeof 和 instanceof常用來判斷一個變量是否爲空,或者是什麼類型的。但它們之間還是有區別的: typeof typeof是一個一元運算,放在一個運算數之前,運算數可以是任意類型。 它返回值是一個

原创 Restful架構

今天在網上看到一篇文章,是對Restful的介紹,感覺寫的不錯,很容易理解,反覆閱讀,瞬間感覺長學問了,跟大家分享一下。 分享之前說說我自己對它的的一個簡單理解: REST (Representation State Transfer)指

原创 css佈局 居中總結

居中是我們使用css來佈局時常遇到的情況。使用css來進行居中時,有時一個屬性就能搞定,有時則需要一定的技巧才能兼容到所有瀏覽器,本文就居中的一些常用方法做個簡單的介紹。注:本文所講方法除了特別說明外,都是兼容IE6+、谷歌、火狐等主流瀏

原创 進度條

<!DOCTYPE>  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       <title>進度條事件</t

原创 移動webAPP前端開發代碼演示和技巧彙總

1. viewport:webapp視圖 也就是可視區域。對於桌面瀏覽器,我們都很清楚viewport是什麼,就是除去了所有工具欄、狀態欄、滾動條等等之後用於看網頁的區域, 這是真正有效的區域。由於移動設備屏幕寬度不同於傳統web,因此我

原创 返回頁面頂部

   頁面中有返回頂部的圖標用起來使我們預覽頁面更方便,這個功能也是在網站中常見的功能,今天研究了一個簡單的例子,用jQuery實現返回頂部的功能: css代碼如下: *{ margin:0; padd

原创 基於html5演示工具:impress.js

概述   如果你已經厭煩了使用PowerPoint製作PPT,那麼impress.js是一個非常好的選擇,用它做的PPT更加直觀,效果也非常的不錯。裝X是需要一定代價的,不過如果你是個前端愛好者那麼一切就沒問題了。當然如果你能勉強明白HT

原创 HTML

一、基本語法  二、定義文檔基本結構 1、定義文本標題: <h1>heading 1</h1> <h2>heading 1</h2> <h3>heading 1</h3> · · 2、段落: <p>...</P> 3

原创 關於CSS各種居中問題

行內元素(又叫內聯元素inline element): ①不佔據一整行,隨內容而定,有以下特點: ②不可以設置寬高,也不可以設置行高,其寬度隨着內容增加,高度隨字體大小而改變。 ③內聯元素可以設置外邊界,但是外邊界不對上下起作用,只能對左

原创 jquery validata js_表單驗證

一、首先在加入函數 $("#login").validate()的時候要注意裏面默認的規則,有很多是不需要加上去的,詳見最後的例子;  (1)required:true                必輸字段 (2)remote:"che

原创 JS中this

this是Javascript語言的一個關鍵字。 它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。比如,   function test(){     this.x = 1;   } 隨着函數使用場合的不同,this的值