css3常用屬性之表現型,css3表現型css3的使用已經分布在各種網站上,其用途對於前端開發人員來說有很大的協助,比如之前的圓角矩形,需要使用背景圖片來完成,現在只需使用border-radius:5px;便可以做出圓角邊框的效果,今天來記錄下css3一些常用的屬性。本文來源:www.liteng.org如需轉載請註明出處。否則將追究法律責任著作權歸作者和部落格園所有,請友情轉載。盒子屬性:邊框圓角:radius,邊框陰影:box-shadow邊框:border-radius:top-left
css 文本溢出顯示省略符號,css文本溢出省略符號<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML5標籤</title><style> p{ /**white-space:nowrap;表示文本不會換行,在同一行繼續,知道遇到<br>標籤為止;overflow:hidden;不顯示超過對象尺寸的內容,
Web開發從學些JavaScript開始有一天我被問到,為了快速地在web開發工作上增加優勢,應該學習什麼語言。我的思緒回到了大學,那時候我用Pascal、Fortran、C和組合語言,不過那個時候有不同的目標。鑒於當前的狀況和趨勢,答案相對容易給出來:學習JavaScript。四周看看,曾經低端的瀏覽器指令碼語言現在變得隨處可見,從伺服器端到用戶端,每天好像有更多的選擇。出身低微我記得數年前投入web開發,學習了HTML、用Perl開發CGI指令碼。Netscape在其2.0版本的瀏覽器裡引入
純JavaScript圖表組件dhtmlxChartdhtmlxChart也是一款基於JavaScript的圖表應用組件,和之前分享的xCharts類似,dhtmlxChart也提供了非常豐富的圖表類型,應該說和xCharts相比,它提供的圖表類型更多,包括餅圖、雷達圖、離散佈圖和更複雜的圖表類型。dhtmlxChart提供了開源的版本,但它的商業版需要49美元以上,有點小貴。dhtmlxChart的配置在頁面上引用dhtmlx的相關js指令碼和css檔案即可完成安裝:<link rel=
純CSS實現下拉式功能表及下拉容器等(純CSS實現導航條及導航下拉容器),css導航條 雖然網上類似甚至相同的案例有很多,但是我還是寫下,以記下筆記,也可供大家參考希望大家可以指導批評~~首先我們以列表ul li 來開始我們菜單也可以說導航條的製作:在頁面中我們首先構建以下XHTML結構:<body> <ul id="navWrapper"> <li> <a href="#">Menu A</a>
JSON資料轉化成模型JSON資料轉化成模型// 1.建立urlNSURL*url = kSUNUrl(@"video");// 2.建立requestNSURLRequest*request = [NSURLRequestrequestWithURL:url];// 3.發送請求資料NSOperationQueue*queue = [NSOperationQueuemainQueue];[NSURLConnection sendAsynchronousRequest:request
AngularJs多重視圖和路由的使用使用AngularJs來做多重視圖和路由是在方便不過了,在開發過程中,都有許多的頁面,而這些頁面都有相同的部分,比如頁面的頭部和尾部通常都是一樣的,變化的都是主體部分,還有就是一些後端管理的一些項目,通常不變的都是頭部,尾部和菜單部分,變化的都是右邊的內容部分,使用AngularJs的多重視圖和路由就可以很方便的實現這樣的效果。在實現之前需要準備兩個檔案,一個是angular的主JS檔案,另一個是angular的路由JS檔案,如下:<script
JavaScript初探之——圖片移動 在我們開啟頁面的時候我們看到的大部分頁面都是動態,以前學習VB的時候要實現一些動態畫面第一個想到的就是用Flash,現在學習了BS的東西,才算是開眼界了,剛剛學習了一個動畫的效果,給大家展示一下,一個小小的函數,卻實現了讓頁面動起來的效果。
javascript中的AJAX相容地獲得XMLHttpRequest對象:var xhr = null;if(window.XMLHttpRequest){ //非IE瀏覽器 xhr = window.XMLHttpRequest;}else if(window.ActiveXObject){ //IE瀏覽器 try{ //高版本,受msxml3.dll+支援 xhr = new
CommonJS,AMD,RequireJS的區別RequireJS實現了AMD的API.CommonJS是使用exports對象來定義模組的一種方法,它定義了模組的內容。簡單地實現一個CommonJS的定義就像下面這樣:// someModule.jsexports.doSomething = function() { return "foo"; };//otherModule.jsvar someModule = require('someModule'); // in the vein
javascript之事件處理一般事件onclick 滑鼠點擊時觸發此事件ondblclick 滑鼠雙擊時觸發此事件onmousedown 按下滑鼠時觸發此事件onmouseup 滑鼠按下後鬆開滑鼠時觸發此事件onmouseover 當滑鼠移動到某物件範圍的上方時觸發此事件onmousemove 滑鼠移動時觸發此事件onmouseout
JQuery之事件處理 var i = ;$(body,div,#bntShow).click(function(){ i++; $(.classShow).show().html(冒泡現象) .append(執行次數+i+)
JSON多值參數JSON多值參數// 1.URLNSURL*url = [NSURLURLWithString:@"http://localhost:8080/MJServer/weather"];// 2.請求NSMutableURLRequest*request = [NSMutableURLRequestrequestWithURL:url];// 3.要求方法request.HTTPMethod = @"POST";//
JQuery $.each遍曆JavaScript數組對象執行個體查看一個簡單的jQuery的例子來遍曆一個JavaScript數組對象。var json = [{id:1,tagName:apple},{id:2,tagName:orange},{id:3,tagName:banana},{id:4,tagName:watermelon},{id:5,tagName:pineapple}];$.each(json, function(idx, obj) {alert(obj.tagName);
整合 extjs 和 highchartshighcharts 庫的畫圖效果比 ExtJS 好,但 ExtJS 擁有強大的類管理。兩者都很不錯。通常在商業項目上,盡量只選擇一個庫,以減少成本。但如果只是用於非盈利項目上,那麼,可以把兩者結合起來,既可以用到 extjs 強大的類管理,又可以用到 highcharts 強大的映像功能。各取兩者的優勢,也是一種不錯的使用辦法哦。利用了 extjs panel 的標題,又使用了 highchart 的畫圖1 匯入庫 如下代碼所示:具體就是引用
javascript之頁面列印WebBrowser組件是IE內建的瀏覽器控制項,使用時,首先要在標籤的下面用...標記聲明WebBrowser組件,代碼如下: 對頁面進行列印,主要是通過WebBrowser組件的execWB()方法來實現的文法:WebBrowser.execWB(nCmdID,nCmdOpt)nCmdID:必選項,執行操作功能的命令nCmdOpt:必選項,執行相應的選項,通常為1參數常用取值如下:WebBrowser.ExecWB(1,1) 開啟
jquery&js $(this) &
初識Javascript,與Web客戶互動作用JavaScript是一種基於對象(Object)和事件驅動(EventDriven)並具有安全效能的指令碼語言。使用它的目的是與HTML超文字標記語言 (HTML)、Java指令碼語言(Java小程式)一起實現在一個Web頁面中串連多個對象,與Web客戶互動作用。javascript的出現使得網頁和使用者之間實現了一種即時性的,動態性的,互動性的關係,使網頁包含更多活躍的元素和更加精彩的內容。
Javascript之旅——第八站:說說instanceof踩了一個坑 前些天寫js遇到了一個instanceof的坑,我們的頁面中有一個iframe,我在index頁面中計算得到了一個array,然後需要傳遞到Flight頁面 這個嵌套的iframe中的一個函數(SearchFlight)中,作為防禦性編程,我需要在SearchFlight函數中進行參數檢測,也就是判斷過來的參數一 定是Array類型。 一:拋出問題 舉個例子,下
AngularJS clone directive 指令複製需求背景: directive模組化某表單資訊,但表單資訊可添加多條,此時就涉及到clone directive.解決方案: 可以通過使用angularjs中$compile來進行clone directive,clone direcitve中常涉及到資料的綁定。具體方法: tw.factory('DirectiveUtil', [function() { var