Time of Update: 2017-01-19
本文執行個體講述了js禁止頁面重新整理與後退的方法。分享給大家供大家參考。具體實現方法如下:<script language="javascript">//禁止用F5鍵function document.onkeydown(){ if ( event.keyCode==116) { event.keyCode = 0; event.cancelBubble = true; return false; }}//禁止右鍵快顯功能表 function
Time of Update: 2017-01-19
D3的應用非常廣泛,現在成為了主流資料視覺化工具之一。大家在剛接觸使用d3.js的時候,感到最吃力的地方是data(), enter(), exit()這幾個操作。在我接觸一段時間,有了一些瞭解之後,簡單說說我的理解。data()先看一個例子:<body> <p></p> <p></p> <p></p></body>執行代碼:d3.select("body").selectAll("p").data(
Time of Update: 2017-01-19
下面通過文字說明給大家詳解Nginx上傳檔案全部緩衝解決方案。因為應用伺服器(Jetty)裡面實現了上傳時寫了進度條。經過緩衝。就沒法讀取到進度了。此外,在Nginx處快取檔案,也降低了傳輸效率。nginx採用1.5.6。後端採用nodejs+formidable的方式接受上傳檔案,本問題的對應與採用什麼樣的後端沒太大關係,這裡只是交代一下。問題:在前端頁面上將檔案上傳,nginx沒有將每一塊收到的檔案資料區塊轉寄給後端,而是全部緩衝了下來,全部收取完成後再一塊一塊的轉寄給後端,顯而易見的是上傳
Time of Update: 2017-01-19
本文執行個體講述了JS實現霓虹燈文字效果的方法。分享給大家供大家參考。具體如下:這裡使用JS實現網頁上的霓虹燈文字特效代碼特效,運行效果看一下,你會看到文字的顏色像霓虹燈一樣,連續不停變化,五顏六色的,很炫的樣子,所以就叫做霓虹文字吧,也可以叫他文字變色效果。運行效果截圖如下:具體代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&
Time of Update: 2017-01-19
本文執行個體講述了js實現漂浮廣告的方法。分享給大家供大家參考。具體如下:具體代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript"
Time of Update: 2017-01-19
本文執行個體講述了JS實現可直接顯示網頁代碼運行效果的HTML代碼預覽功能。分享給大家供大家參考。具體如下:JavaScript實現HTML代碼預覽功能,直接在網頁上顯示代碼啟動並執行效果,就例如點擊“運行代碼”後的效果,使用時,你只需將需要啟動並執行HTML代碼拷貝到文字框內,點擊對應的功能按鈕即可。運行效果如下圖所示:具體代碼如下:<HTML><HEAD><TITLE>直接頁面顯示器</TITLE><STYLE
Time of Update: 2017-01-19
本文執行個體講述了js實現按鈕色彩坡形動畫效果的方法。分享給大家供大家參考。具體如下:這裡示範js實現按鈕慢慢變色的方法,滑鼠移到按鈕上,按鈕的背景色就發生變化,是慢慢的變化,點擊按鈕會開啟指定連結,這裡主要是示範按鈕變色的代碼實現方法。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-button-cha-color-animate-codes/具體代碼如下:<HTML><HEAD><TITLE>按鈕慢慢變色
Time of Update: 2017-01-19
在Javascript的開發過程中,經常會遇到一些重複性的任務,比如合并檔案、壓縮代碼、檢查語法錯誤、將Sass代碼轉成CSS代碼等等。通 常,我們需要使用不同的工具,來完成不同的任務,既重複勞動又非常耗時。Grunt就是為瞭解決這個問題而發明的工具,可以協助我們自動管理和運行各種任 務。簡單說,Grunt是一個自動任務運行器,會按照預先設定的順序自動運行一系列的任務。這可以簡化工作流程,減輕重複性工作帶來的負擔。##
Time of Update: 2017-01-19
本文執行個體講述了JS實現的Select三級下拉式功能表。分享給大家供大家參考。具體如下:這裡使用js實現Select三級下拉式功能表,比如全國省市城市選擇、數位類產品分類、人才類別選擇等,都比較具有代表性,在表單中容易使用Select下拉式清單菜單供使用者選擇,當然,自己用還是需要稍微改動的,比如至少菜單內容要改成自己需要的,其它的好說。運行效果如下圖所示:線上示範地址如下:http://demo.jb51.net/js/2015/js-3-select-menu-codes/具體代碼如下:&
Time of Update: 2017-01-19
一款適用於方案和圖片的JS無縫滾動代碼,可控制向左或向右滾動,代碼不算複雜,而且本無縫滾動代碼相容性也挺好,你幾乎不需要修改什麼代碼,就能使用了。測試時候把那些帶標號的方塊都改成圖片吧,這樣就更有感覺了。代碼如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無縫滾動</title><style>* { margin:
Time of Update: 2017-01-19
群裡有人需要dedecms給文章加熱帖和最新的表徵圖的方法,那麼怎麼實現的呢,雲棲社區給您分享實現過程。根據網站需要,要在最新發表的圖片以及熱門圖片上增加“hot”、“new”小標示,1.“new”的添加方法網上可以搜尋到,具體應用方法:[field:pubdate runphp='yes']$ntime = time();$day3 = 3600 * 24 * 3;if(($ntime – @me) < $day3) @me = “<span class='new_ico'>
Time of Update: 2017-01-19
本文執行個體講述了js實現Select列表各項上移和下移的方法。分享給大家供大家參考。具體如下:這裡介紹Select列表各項上移和下移的Js代碼,可以手功排序,以前我們都見到過的,從事WEB編程的朋友經常會用得到。運行效果如下圖所示:線上示範地址如下:http://demo.jb51.net/js/2015/js-select-move-up-down-codes/具體代碼如下:<html><head><title>Select列表各項上移和下移</ti
Time of Update: 2017-01-19
看過駭客帝國的朋友或許都對開頭的字幕效果很熟悉,自從影片播放以來,網頁設計者有不少都在模仿這種字母掉落的效果,而且最後還有文字顯現效果“I love
Time of Update: 2017-01-19
先上段代碼://函數afunction a(){var i=0;//函數bfunction b(){alert(++i);}return b;}//函數cvar c = a();c();代碼特點:1、函數b嵌套在函數a內部;2、函數a返回函數b。代碼中函數a的內建函式b,被函數a外面的一個變數c引用的時候,這就叫建立了一個閉包。有時候函數b也可以用一個匿名函數代替來返回,即return function(){};優點:1.保護函數內的變數安全,加強了封裝性
Time of Update: 2017-01-19
附加一個utils對象,內含一個校正手機號函數,一個格式化返回資料函數var isChinaMobile = /^134[0-8]\d{7}$|^(?:13[5-9]|147|15[0-27-9]|178|18[2-478])\d{8}$/; //移動方面最新回覆var isChinaUnion = /^(?:13[0-2]|145|15[56]|176|18[56])\d{8}$/; //向聯通微博確認並未回複var isChinaTelcom = /^(?:133|1
Time of Update: 2017-01-19
本文執行個體講述了js實現Form欄顯示全格式時間時鐘效果代碼。分享給大家供大家參考。具體如下:這裡示範的Form欄特效時鐘,顯示全日期格式的時間日期效果,可顯示星期幾、幾月幾號,以往都是直接顯示在網頁中,而本代碼是將時間顯示在表單的文字框中,看一下代碼就明白了。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-form-input-showtime-codes/具體代碼如下:<!DOCTYPE HTML PUBLIC
Time of Update: 2017-01-19
本文執行個體講述了js簡單實現表單中點擊按鈕動態增加輸入框數量的方法。分享給大家供大家參考。具體如下:這裡示範表單中點擊按鈕動態增加輸入框數量的方法,預設是沒有輸入框,點擊按鈕之後,輸入框會不斷的增加,每點擊一次,增加一個,覺得挺不錯吧,希望對你有所協助。運行效果如下圖所示:線上示範地址如下:http://demo.jb51.net/js/2015/js-table-input-button-add-codes/具體代碼如下:<!DOCTYPE html PUBLIC
Time of Update: 2017-01-19
不多說了,實現方法請看下面代碼。代碼如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"/><title>JS代碼實現圖片自動播放並可控的效果</title><base target="_blank" /><link rel="stylesheet" type="text/css"
Time of Update: 2017-01-19
這篇文章主要介紹了js代碼驗證手機號碼和電話號碼是否合法,手機號碼和電話號碼在某些網站都是必填項,為了提高使用者體驗度,一般要進行合法性校正的,具體代碼如下:function Checkreg(){ ..... function Checkreg(){ //驗證電話號碼手機號碼,包含 , 號段 if(document.form.phone.value==""&&document.form.UserMobile.value==""){
Time of Update: 2017-01-19
本文執行個體講述了js實現Select頭像選擇即時預覽代碼。分享給大家供大家參考。具體如下:這裡示範js實現Select頭像選擇,即時預覽效果,在留言或評論的時候,讓使用者簡易的選擇頭像,以前最常見的方式是使用單選框,當然使用其它的形式也可以,比如今天這個Select,下拉選框選擇頭像,也是不錯的體驗。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-select-ico-pic-view-codes/具體代碼如下:<!DOCTYPE