其他

貪吃蛇兒時的回憶，今天剛好學習到這了，就剛好做了一個，也是學習了吧，需要掌握的知識：　　1、JS函數的熟練掌握，　　2、JS數組的應用，　　3、JS小部分AJAX的學習　　4、JS中的splice、shift等一些函數的應用，基本上就這些吧，下面提重點部分：前端的頁面，這裡可自行布局，我這邊提供一個我自己的布局：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

本文執行個體為大家分享了thinkphp實現無限分類的詳細代碼，希望對大家學習無限分類有所啟發。資料庫：test資料表：（tp_category）：Common/conf/config.php'DB_CONFIG2' => array( 'db_type' => 'mysql', 'db_user' => 'root', 'db_pwd' => '', 'db_host' => 'localhost', 'db_port' => '3306',

摘要：     

本文執行個體講述了js擷取滑鼠位置的方法。分享給大家供大家參考，具體如下：用 javascript 擷取當前頁面上滑鼠（游標）位置在許多情況下都會用到，比如拖放，懸停提示（tooltip） 等等。當然，這裡我們依然要面對瀏覽器的相容問題，在不同的瀏覽器下，對這些相關的屬性處理方式也不同，這裡詳細介紹了瀏覽器在處理這些屬性時的差異和最終的解決方案。Javascript代碼如下:<script type="text/javascript">// 說明：擷取滑鼠位置// 整理：http:/

這是一款非常有創意的卡片式專案管理介面UI設計效果。該UI設計中，將各個項目以卡片的方式堆疊排列在螢幕上，當點擊了其中的某個項目的時候，該項目圖片會全屏放大，向下滾動滑鼠可以看到該項目的介紹資訊。該專案管理介面還提供了一個全屏的導覽功能表，使用者可以通過右上方的漢堡包表徵圖來觸發全屏菜單。使用方法HTML結構該卡片式專案管理介面的HTML結構分為3個部分：.cd-nav-trigger是全屏菜單的觸發按鈕，nav.cd-primary-nav是全屏導覽功能表，.cd-projects-conta

本文執行個體總結了JS擷取檔案大小方法。分享給大家供大家參考，具體如下：方法一，利用ActiveX控制項實現：<script type="text/javascript">function getFileSize(filePath){ var fso = new ActiveXObject("Scripting.FileSystemObject");

一、Bootstrap Table的引入關於Bootstrap Table的引入，一般來說還是兩種方法：1、直接下載源碼，添加到項目裡面來。由於Bootstrap Table是Bootstrap的一個組件，所以它是依賴Bootstrap的，我們首先需要添加Bootstrap的引用。2、使用我們神奇的Nuget開啟Nuget，搜尋這兩個包Bootstrap已經是最新的3.3.5了，我們直接安裝即可。而Bootstrap Table的版本竟然是0.4，這也太坑爹了。所以博主建議Bootstrap

本文執行個體講述了JS實現單擊輸入框彈出選擇框效果的方法。分享給大家供大家參考，具體如下：運行效果截圖如下：完整執行個體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

Relative是position的一個屬性，是相對定位。position的預設值是static，（也就是說對於任意一個元素，如果沒有定義它的position屬性，那麼它的position:static）如果你想讓這個#demo裡的一個div#sub相對於#demo定位在右上方的某個地方，應該給#demo相對定位，#sub絕對位置。absolute是相對於自己最近的父元素來定位的，如果你不給#demo相對定位，那麼#sub的絕對位置就是相對於body來定位的。relative是相對於自己來定位的

本文執行個體講述了js實現iframe架構取值的方法。分享給大家供大家參考，具體如下：為啥世上會有這麼多不同的瀏覽器？每次遇到js/css的瀏覽器安全色性問題，總是要發出這樣的感歎，真希望這些個瀏覽器公司全部倒下，然後只留下一家(顯然這是一個不可能實現的美好願望)，言歸正傳，看代碼吧:iframe架構內頁：<html><head> <title>架構內頁</title></head><body> <div>

項目裡面用到了Web裡面的拖拽流程圖的技術JsPlumb，其實真不算難，不過項目裡面用HTML做的一些類似flash的效果，感覺還不錯，在此分享下。一、效果圖展示1、從左邊拖動元素到中間地區，然後連線2、連線類型可以自訂：這裡定義為直線、折線、曲線。實際項目中根據業務我們定義為分裝線、分裝支線、總裝線等3、滑鼠拖動地區選中元素，並且選中元素統一拖動位置。4、對選中的元素靠左對齊。5、對選中元素置中對齊6、靠右對齊7、上對齊8、垂直置中對齊9、下對齊10、根據第一個選中的元素上下靠攏11、根據第一

本文執行個體講述了js使用cookie記錄使用者名稱的方法。分享給大家供大家參考，具體如下：cookie思路：當點擊登入按鈕時，把cookie存起來，再次訪問的時候就讀取cookie，即把txt的value設定之前存起來cookie的值就行。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

本文執行個體講述了JS操作XML的方法。分享給大家供大家參考，具體如下：我的xml檔案Login.xml如下.<?xml version="1.0" encoding="utf-8" ?><Login> <Character> <C Text="熱血" Value="0"></C> <C Text="弱氣" Value="1"></C> <C Text="激情" Value="2">&

本文執行個體講述了js過濾HTML標籤的方法。分享給大家供大家參考，具體如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

1、按鈕（按鈕組）單個按鈕在Web頁面中的運用有時候並不能滿足我們的業務需求，常常會看到將多個按鈕組合在一起使用，比如富文字編輯器裡的一組小表徵圖按鈕等。那麼在這一節中，我們主要向大家介紹Bootstrap架構為大家提供的按鈕組組件。源碼查詢：按鈕組也是一個獨立的組件，所以可以找到對應的源碼檔案：☑ LESS版本：對應的源檔案為buttons.less☑ Sass版本：對應的源檔案為_buttons.scss☑

由工作中演變而來的面試題這是一個我工作當中的遇到的一個問題，似乎很有趣，就當做了一道題去面試，發現幾乎沒人能全部答對並說出原因，遂拿出來聊一聊吧。先看題目代碼：function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,?,?,?var b =

本文執行個體總結了JSON遍曆方式。分享給大家供大家參考，具體如下：第一種：使用for迴圈js代碼：function CyclingJson1() { var testJson = '[{ "name": "小強", "age": 16 },{"name":"小明","age":17}]'; testJson = eval("(" + testJson + ")"); for (var i = 0; i < testJson.length; i++) {

本文執行個體講述了js實現遍曆含有input的table。分享給大家供大家參考，具體如下：table 如下：<table id="groupTable" class="tblist_black"><% DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable; if (firstGroupTable != null) { for (int i = 0; i <

本文執行個體講述了JS函數的幾種定義方式。分享給大家供大家參考，具體如下：JS函數的定義方式比較靈活，它不同於其他的語言，每個函數都是作為一個對象被維護和啟動並執行。先看幾種常用的定義方式：function func1([參數]){/*函數體*/}var func2=function([參數]){/*函數體*/};var func3=function func4([參數]){/*函數體*/};var func5=new

 1、柵格系統（布局）Bootstrap內建了一套響應式、行動裝置優先的流式柵格系統，隨著螢幕裝置或視口（viewport）尺寸的增加，系統會自動分為最多12列。我在這裡是把Bootstrap中的柵格系統叫做布局。它就是通過一系列的行（row）與列（column）的組合建立頁面配置，然後你的內容就可以放入到你建立好的布局當中。下面就簡單介紹一下Bootstrap柵格系統的工作原理：網格系統的實現原理非常簡單，僅僅是通過定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見