原创 js實現選項卡,圖層切換

         在平常的網頁中,選項卡是常見的一直展示方式。今天我將用JS實現圖層的切換。可能用到的方法比較笨重,如果你有更好的方法,期待着你與我的分享。          大致思想:實現圖層切換,需要通過JS控制圖層的CSS樣式屬性

原创 js實現圖片輪番效果,原生代碼

       我們在瀏覽網頁的時候,會經常看到網頁上有圖片輪番效果,雖然網上有很多優秀的特效代碼,但是作爲菜鳥的我,依舊決定寫一個自己的照片輪番,只爲給自己增加一點點安全感。        分析下,思想很簡單。圖片輪番:(需要用到的方法)

原创 js利用cookie實現網頁的換膚

            在瀏覽網頁的時候,我們經常可以看到部分頁面上具有換膚功能,點擊改變皮膚且但我們下次瀏覽的時候,還會是我們選擇的皮膚。作爲菜鳥來說,這是一種赤裸裸的誘惑……今天查了相關資料,很粗糙的寫了一個利用coolkie的換膚效

原创 js實現點擊更換圖片

     看到很多技術大牛都在寫技術博客,作爲剛剛入職的一名應屆生,我想這是一種好習慣。大概在一個月前有了這樣的想法,但是卻一直沒有實施,說起來真慚

原创 JS實現鐘錶計時。

       畢業兩個多月,忽然發現學習時間是這麼的珍貴。也忽然明白,大學需要做的,不是學會海量的知識,需要做的僅僅是學會一種適合自己的學習方式。距離上次發文已經有一個星期,想想這真的是中悲劇。        經常會看到網站上有關於時間

原创 Sublime Text2.0.2註冊碼

打開軟件,help==>>enter license,輸入以下全部代碼即可 ----- BEGIN LICENSE ----- Andrew Weber Single User License EA7E-855605 813A

原创 Jquery,圖片依次進入內容區域,幻燈片

        2014年10月28日          忙了一段時間,忽然發現自己已經很久沒有繼續寫總結,寫博客,很多問題沒有能做筆記,這是一種損失。以後要多多記筆記。          昨天技術經理讓實現一個效果,讓一組圖片一次進入內

原创 jQuery頁面內滑動到錨點導航效果,回到頂部

在看別人的網頁的時候,有些頁面很長,但是中滑動到固定錨點的導航,感覺效果甚是不錯。於是便自己仿照着寫了一個,代碼不是很精闢,但是實現了效果。希望對一些初學者有幫助,也希望大聲多給建議(最後有本效果的資源免費下載地址)…… js代碼:

原创 通過css加載外部自定義文字

          很多時候,我們希望自己的頁面上出現比較個性的字體,但是這種字體並不是系統上默認自帶的,以前的做法是通過加載圖片來達到效果,但是這一做法的缺點是,不靈活,不利於後期更改維護。且如果特殊字體過多的話,便會造成加載速度過慢的

原创 jquery實現選項卡

在前一段學習原生js中學習了選項卡的實現方式,其核心是切換css樣式,以實現視覺上的切換。在學習jquery中則有不同的方法,當然其思想也還是那個思想,只是有了封裝好的更簡單的方法。下面是菜鳥代碼,希望各位大神多提建議。 <!DOCTY

原创 Div+Css實現圖層固定,吊窗

      在頁面中,經常會遇到這樣的效果,一個圖層總是在某一個位置,無論滾動條滾動與否,這個Div始終都在這個位置顯示。剛開始以爲是用js實現的,確實,可以利用js去實現,但是在css中有更好的方法。利用position屬性fixed,

原创 jquery實現圖片切換

記得先前用js實現了圖片的切換,但是顯示效果顯示的很生硬,使用jQuery這種生硬得到了很好的緩解。但是由於技術問題,我寫的效果雖然得到了一定的改善,可還是沒有達到理想的效果。下面便是菜鳥代碼,有很多不足有待改善,希望各位大神多多指導。

原创 JQuery實現滑動banner輪番圖

輪番圖常用的圖片信息展示效果,也是每一個初級前端人員需要學習的效果。 實現滑動的原理是:控制同級元素的整體位置,再通過jquery的動作animate(),緩慢的實現這一過程。則就會顯現滑動效果。下面是菜鳥的代碼演示。 代碼的最後方有免費

原创 JS實現柵欄式選項卡

             今天再向大家分享一種另類變相的選項卡,可做效果演示,也可作二級導航欄。            要點:1和先前分享的選項卡原理基本上一樣,都是通過控制display的屬性值來達到想要的效果。2需要考慮顯示順序,鼠標

原创 原生js實現表單驗證(提交後驗證)

在平常的頁面當中,我們經常用到表單和表單驗證,表單驗證是數據進入數據庫前一次在客戶機利用腳本檢查數據類型的行爲。作爲一個初學者,在這裏貼下我的菜鳥代碼。希望對和我一樣的菜鳥有所幫助,也希望大神多多指點。 <!DOCTYPE html PU