Time of Update: 2017-01-19
一、為什麼要用require.js?最早的時候,所有Javascript代碼都寫在一個檔案裡面,只要載入這一個檔案就夠了。後來,代碼越來越多,一個檔案不夠了,必須分成多個檔案,依次載入。下面的網頁代碼,相信很多人都見過。 <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script
Time of Update: 2017-01-19
本文執行個體講述了JS實現仿微博可關閉彈出層效果。分享給大家供大家參考。具體如下:這裡推薦給大家一款真心不錯的JavaScript網頁彈出層,仿微博JS彈出層可關閉,點擊按鈕才彈出來,可製作成網頁客服之類的,比如在網頁的右側顯示這麼一個按鈕,當點擊的時候,展開層,顯示客服QQ,效果還是很不錯的!運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-weibo-close-able-alert-codes/具體代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
本文執行個體講述了JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼。分享給大家供大家參考,具體如下:這是一款超酷的可以用到網頁左側的銀灰色豎排多級摺疊菜單,可以自己為菜單加一個背景,CSS中預留有代碼,這是比較標準和經典的一款後台管理員模式的菜單,Div+Css結構,符合標準,修改方便,挺不錯。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-3d-left-yhs-menu-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2017-01-19
本文執行個體講述了JS實現適合於後台使用的動畫摺疊菜單效果。分享給大家供大家參考。具體如下:這是一款適合於後台使用的動畫摺疊菜單,代碼超簡,無jQuery,展開與摺疊效果平滑。本示範中有兩組菜單,向大家展示如何在一個網頁中布局兩個菜單,整體效果以及相容性還算可以,希望在實際應用中不會出現什麼問題。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-ht-control-animate-zd-menu-codes/具體代碼如下:<!DOCTYP
Time of Update: 2017-01-19
本文執行個體講述了JS實現的左側豎向滑動菜單效果代碼。分享給大家供大家參考,具體如下:這是一款經過改造的左側豎向滑動菜單,基於JavaScript+CSS,沒有過多的修飾,主要想實現菜單的動畫效果,想用的朋友,自己美化吧。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-left-scroll-style-menu-demo/具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
隨著行動裝置的普及,企業的網路宣傳已經不能局限在PC端,而需要同時在移動端有所建樹。對於公司網站來說,以前都是做的PC端的,當然手機等移動端也可以訪問,但是使用者體驗肯定不如完全適合的手機端來的方便。我們在給自己的網站做了WAP手機網站之後,如果有使用者通過手機訪問我們的企業頂級網域名稱網站,那就判斷跳轉到專為的WAP網站。這裡老左整理到目前自己在使用的2種JS指令碼,因為之前一直有朋友跟我要,所以這裡分享出來。第一種:直接JS指令碼<script
Time of Update: 2017-01-19
為什麼學習RequireJS?像我這種菜鳥,會提到海量文章裡提到的AMD、JS模組化編程、非同步... ... 等等RequireJS會讓你以不同於往常的方式去寫JavaScript。你將不再使用script標籤在HTML中引入JS檔案,以及不用通過script標籤順序去管理依賴關係。RequireJS是一個Javascript
Time of Update: 2017-01-19
本文執行個體講述了JS實現仿雅虎首頁快捷登入入口及導航模組效果。分享給大家供大家參考。具體如下:這是一款JS實現仿雅虎首頁網站快捷入口導航模組的代碼,裡面有使用者登入框,這個大家或許會用上吧,放到你網站著頁作為使用者登入也挺行。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-yahoo-index-login-style-codes/具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
之前一篇文章介紹了php實現表單多按鈕提交action的處理方法,今天再介紹一種js實現表單多按鈕提交action的處理方法,希望能夠協助到大家。用JS實現一個表單多個按鈕的方法,兩個onclick事件處理,代碼如下:<html> <head> <script> function submitit1() //交由程式1處理 { document.myForm.action =
Time of Update: 2017-01-19
本文執行個體講述了JS實現黑色大氣的二級導覽功能表效果。分享給大家供大家參考。具體如下:這是一款自己做的不錯的二級導覽功能表,黑色風格,是根據仿淘寶支付寶菜單而做的,自我感覺還算行吧。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-black-style-2l-nav-menu-codes/具體代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:
Time of Update: 2017-01-19
本文執行個體講述了JS實現狀態列跑馬燈文字效果代碼。分享給大家供大家參考,具體如下:這款狀態列跑馬燈,文字跑動的定義在數組內,自己可修改內容。現在的IE8貌似不相容,有缺憾的代碼,歡迎JS愛好者修正,修正請發回一份。狀態列為效果顯示區。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/具體代碼如下:<HTML><HEAD><TITLE>間隔狀態列跑馬燈</TI
Time of Update: 2017-01-19
本文執行個體講述了JS實現具備延時功能的滑動門菜單效果。分享給大家供大家參考。具體如下:這是一款滑鼠感應時間延遲的滑動門菜單,其實也就是一滑動門,只不過滑鼠在移上後不是立即反應,而是稍微遲緩了一下,這樣用也是有好處的,這個時間根據你的喜好是可以調整的,本滑動門你可輕易修改外觀,把它變成一個內容擴充的菜單。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-delay-style-show-menu-codes/具體代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
本文執行個體講述了JS實現無限級網頁摺疊菜單(類似樹形菜單)效果代碼。分享給大家供大家參考。具體如下:這是一款超不錯的網頁摺疊菜單,採用JavaScript實現。摺疊菜單是大家比較常見到的一種菜單形式,可廣泛應用於管理系統、後台左側、產品列表中,本摺疊菜單有點樹形菜單的味道,相信“無限級”會滿足你的要求。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-unlimit-fade-in-out-tree-menu-codes/具體代碼如下:<
Time of Update: 2017-01-19
前一段時間寫了一篇博文, 關於微信內建瀏覽器不顯示聯盟廣告根據 window.navigator.userAgent 來判斷當前瀏覽器是否是微信內建瀏覽器window.navigator.userAgent=='micromessenger'今天要分享的內容差不多,因為之前只考慮了微信瀏覽器的適配,回頭在移動端瀏覽器開啟網站,發現適配問題.有的聯盟會自動屏蔽移動端,但是有的聯盟就不能屏蔽,所以只能手動去判斷.根據瀏覽器 userAgent 判斷來源安卓裝置的的 userAgent
Time of Update: 2017-01-19
本文執行個體講述了JS實現不規則TAB選項卡效果代碼。分享給大家供大家參考。具體如下:這是一款不規則TAB選項卡效果,將中規中矩的方角換成了不規則的圓角,也就是這一換,倒讓瀏覽者新鮮了不少,也使選項卡增多了幾份靈感,不是嗎?運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-box-tab-nav-style-menu-codes/具體代碼如下:<html><head><meta
Time of Update: 2017-01-19
本文執行個體講述了JS實現的簡潔二級導覽功能表雛形效果。分享給大家供大家參考。具體如下:這是一個二級導覽功能表雛形,風格簡潔,圓角形,也是當前比較流行的菜單效果,支援二級,示範內容是隨便搞的,希望大家喜歡。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-simple-2l-nav-menu-demo/具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
Time of Update: 2017-01-19
最近在做的線上考試和課程商城都遇到這樣的問題:就是滑鼠滑過的時候出現一個層,當滑鼠滑到當前層的話mouseover和mouseout在低版本的瀏覽器會出現閃動的現象,解決這個現象的辦法有許多,不過我覺得有一種是最簡單的那就是把mouseover和mouseout換成對應的mouseenter和mouseleave。當滑鼠指標位於元素上方時,會發生 mouseover 事件。該事件大多數時候會與 mouseout 事件一起使用。注釋:與 mouseenter
Time of Update: 2017-01-19
本文執行個體講述了JS非Alert實現網頁右下角“未讀資訊”效果彈窗。分享給大家供大家參考。具體如下:這是一款網頁右下角的彈窗代碼,運用Div+Js技術共同打造,非Alert函數那種,仿騰訊新聞的網頁右下角彈窗代碼,原始碼作者為了讓新手有一個易懂易學的好範例,在代碼中加入了豐富的注釋,為新手學習和使用提供了極大的便利。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-alert-right-buttom-dlg-demo/具體代碼如下:<
Time of Update: 2017-01-19
因為項目需要,要在H5頁面中加入微信支付,所以便去嘗試,只想說真的很坑,尤其調試起來不方便這是微信的官方API文檔 微信API微信支付的準備工作申請公眾號,申請開通支付,這個很簡單,自行百度申請好之後
Time of Update: 2017-01-19
有時候遇到unicode不得不轉碼,我們只好人工編碼進行轉碼。昨天在網上看到一個unitcode轉碼的方法,非常好用!小編把它和大家分享一下。JavaScript指令碼UniCode轉碼函數:<script type="text/javascript"> var GB2312UnicodeConverter = { ToUnicode: function (str) { return