JS利用keydown控制div移动

CSS控制div劇中 2015-10-02

關于CSS 控制DIV水平居中問題,我看到很多新人搞不明月.記得第一次看CSS是一個老外寫的書,那個裏面談到居中使用. margin-left:auto; margin-right:auto; 其實等同于: margin:0 auto; 于是可以使用這種方式,但是有人用IE時發現沒有居中.這裏建議你看看是否遺漏了DTD聲明.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

maven 打包生産環境 壓縮 JS 利用SpirngMVC擴展解決減少資源的請求數 2015-09-30

maven 打包生産環境 壓縮 JS 利用SpirngMVC擴展解決減少資源的請求數
 1.首先利用maven壓縮js 和css 等資源文件 <build> <plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-plugin</artifactId> <version>1.4. ...

CSS和JS結合控制樣式 2015-10-02

CSS控制樣式,毋庸置疑.但有時,僅靠CSS卻很難控制好,比如說,頁面在多種條件下進行不同的呈現:或者運行過程中,會發生變化,比如說,左側的菜單欄收縮了,那麽右側的寬度就變大了.就拿這個元素的width.height來說,頁面變了,預先設定的值就不合適:甚至乎,從一開始,你就不知道該預先設定什麽值,因爲前端的浏覽器各種各樣,類似height:100%這樣的好像不起作用.CSS可能支持一些表達式,但我沒怎麽用過,印象中有說法說會有浏覽器兼容問題,或者是效能問題.這時應該換一種思路,用JS,jQue

CSS控制DIV兩列左右高度一致 2015-10-08

css代碼: .wrap{width:600px;margin:0 auto; overflow:hidden;} .left{background:#ccc;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;} .right{background:#eee;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}   htm

JS 動態清除Div中內容 2015-10-05

 //把div裏面的內容清空 document.getElementById('test').innerHTML=""       <div id ="test">test</div>

利用wmctrl控制窗口 2016-01-26

使用wmctrl控制窗口行爲使用wmctrl控制窗口行爲 2008年04月08日 星期二,1,260 次點擊 前兩天我談了窗口匹配工具Devil's Pie的使用,和DP一樣,wmctrl同樣可以控制窗口的行爲.不同的是,DP是一個規則匹配工具,通過檢查既有的窗口規則配置文件在DP啓動時或窗口打開時應用規則到窗口:而wmctrl是一個命令行工具,它完全通過命令行命令來控制窗口行爲.一個使用wmctrl操縱窗口行爲的實際命令如下:wmctrl -r firefox -b add,shaded 此命

Bootstrap JS插件使用實例(6)-折疊(手風琴效果) 2015-09-29

本篇文章討論Bootstrap的js插件的折疊效果(bootstrap-collapse.js),即控制頁面某一區域內容的顯示和隱藏.通過將多個這樣的折疊元素組合起來,我們就可以實現諸如手風琴或是導航欄這樣的複雜組件. 引入文件 <link href="http://www.see-source.com/bootstrap/css/bootstrap.css" > <script type="text/javascript" src="h

JS三教九流系列-Zepto.js-爲移動端開發的類庫 2015-09-28

JS三教九流系列-Zepto.js-爲移動端開發的類庫
zepto.js的api地址 http://www.css88.com/doc/zeptojs_api/ 類庫源碼下載http://www.zeptojs.cn/ 滾動當前頁面,看到這部分點擊下載和使用jquery一樣,我們只要html頁面引入即可.zepto的api與jq幾乎一樣,同時各個接口名字也是一樣的,我們只要按著寫jq一樣去寫zepto就好了,既然這樣,我們爲何要用z ...

Node.js開發入門—使用AngularJS 2015-09-29

Node.js開發入門—使用AngularJS
做一個Web應用,一般都有前台和後台,Node.js可以實現後台,利用jade模板引擎也可以生成一些簡單的前台頁面,但要想開發出具有實際意義的現代Web應用,還得搭配一個Web前端框架.AngularJS是一個JavaScript前端框架,對于Node.js來說是一個完美的客戶端庫.AngularJS強制使用MVC(模型-視圖-控制器,Model-View-Controller ...

比較div+css 和table 2015-10-04

    溫馨提示:如果對網頁知識一點也不理解的同學,可以先參看我的上一篇博文(<div,css,html ,table 各種認識和組合對比>),積累一點基礎,再來看我的這篇博客,效果可能會更好一些. 1.div+css  與table 的比較        div和table都是目前網頁最常用的2種布局方式,前面博文(<div,css,html ,table 各種認識和組合對比>)中已經提到過爲什麽把div和css放到一起來布局網頁了,在這裏不贅述.     相同點:都是頁面布局的

基于js和css3的緩沖圖標 2015-10-06

    最近在做手機端web頁面開發,ajax的緩沖等待需要一個緩沖圖標,到網上找了個不錯的效果,但應用起來不太方便,所以對其進行了行進一步改造和封裝,使其更易應用和控制.    廢話不多說,代碼如下:1,一個css文件,負責樣式:NSpinner.css.spinner_continaer {     position: fixed;     top: 30%;     left: 50%;     width: 1px;     height: 1px;     overflow: visi

談談Ext JS的組件——組件基類:Ext.Component 2015-10-07

概述Ext.Component是所有Ext組件的基類,這在Ext.Component的API中第一句話就提到了.然後第二段說明了它包含的基本功能:隱藏/顯示.啓用/禁用以及尺寸控制等.除了以上這些基本功能,其實還包含了很多東西.當然,在API中不可能面面俱到,那麽,我們應當如何去理解這個組件基類呢?Ext.Component===DIV如果將一個Ext.Component渲染到頁面,會看到該組件會簡單的在頁面中添加一個DIV標記,就是這麽簡單.也就是說,Ext.Component就相當于一個DI

JS三教九流系列-jquery實例開發到插件封裝3 2015-09-28

我們先寫實例,然後可能需要在封裝爲插件,最後做更高級的處理!封裝插件基礎學習 http://my.oschina.net/u/2352644/blog/487實例地址  http://my.oschina.net/u/2352644/blog/4907實例地址 http://my.oschina.net/u/2352644/blog/491933 效果目錄:18.計數增加效果19.模仿3d的焦點圖效果20.倒計時效果21.導航滾動監聽 22.圖片預載入23.滾動事件觸發圖

JS實現浏覽器全屏和退出全屏 2015-09-28

JS實現浏覽器全屏和退出全屏
    測試環境:    [操作系統]: win7 64位    [IE]:IE9    [FireFox]: FireFox 29    [Chrome]: Chrome 34    衆所周知,IE是個奇葩的浏覽器,但是由于用戶量很大,開發者還是不得不爲IE考慮一下,于是,各種浏覽器相關的操作,都要多一個特別的判斷--專門針對IE浏覽器的判斷,這裏的全屏也不例外.看代碼:fu ...

Backbone.js 的 View 中定義事件 2015-09-28

使用 Backbone 的 View 時,可以象傳統 jQuery 那樣定義事件,$("selector").click(function(){...}).幸運的是 Backbone 讓我們在 View 中定義事件變得更爲簡單和集中,只要設置 View 的 events 屬性,配置 事件,元素以及相應的處理方法,基本模式如下:events: {         "click button": "event_handler",         &q

js驗證 2015-09-28

js驗證:<div><div ></div><s:select name="type" list=""  headerKey=""  headerValue="請選擇" listKey="masterindex"        listValue="mastervalue" onchange="typeChange(this);&quo

websocket js版,小做封裝 2015-09-28

function WebSocketConnect(url) { var ws = null; /**  * state explanation:DISCONNECT: 4 .CLOSED: 3 .CLOSING: 2 .CONNECTING: 0 .OPEN: 1  */ var msgJson = { evt:null, state:null }; WebSocketConnect.prototype.connect = function(callback) { if ('WebSocket
一周排行
  • 主機版本:ubuntu11.04交叉編譯器版本:4.3.3移植的主要工作就是編譯在ARM板上運行的qt庫,並且把這些庫做到根目錄中.需要的文件tslib-1.4.tar.gz qt-everywhere-openso ...
  • (1)標記-清除(Mark-Sweep)算法:先標記回收的對象,再清除.缺點:效率問題,標記.清除的效率不高:空間問題,産生大量不連續的記憶體碎片. (2)複制(Copying)算法:把記憶體劃分爲兩個大小相等的區域 ...
  • 其實很早在看LINUX下就看到這個東西,後來在MFC記憶體池裏同樣也看到了類似的東西,還依照MFC寫過一個類似的小記憶體池,(MFC用的是return this + 1)後來在李先靜的<系統程序員成長計劃> ...
  • Android通過startService實現批量下載示例
    關于startService的基本使用概述及其生命周期可參見博客<Android中s ...
  • JAVA 持有對象容器初探
    引言    如果一個程序只包含固定數量的且其生命周期都是已知對象,那麽這是一個非常簡單的程 ...
  • 含有kali源的鏡像網站:阿裏開源軟件鏡像站:http://mirrors.aliyun.com/中國科學技術大學開源鏡像站:http://mirrors.ustc.edu.cn/中國地質大學開源軟件鏡像站:http ...
  • this關鍵字: this關鍵字在方法體中,用于指代調用該方法的當前對象,簡單的說:哪個對象調用方法,this指的就是哪個對象.嚴格來講,在方法中需要通過this關鍵字來致命當前的對象. 下面我們創建一個A類,裏面有 ...
  • 前段時間剛開始學習linux下的開發,各種不適應,各種錯誤,各種崩潰--不過也算是熬過來了,現在會在命令行下幹很多東西了,文件/文件夾基本操作,軟件卸載安裝,ROR的程序生成,GIT的操作,Heroku的操作,都可以 ...
  • volist中的循環變量名字 id 最好能有前綴或者後綴因爲如果有同名的,作用範圍更廣的相同變量名的變量,其值將會被覆蓋,而發生取到volist循環中最後一個賦值的信息的bug: 比如說有一個 商鋪首頁的模板,sho ...