Time of Update: 2014-07-06
基於項目的需要,需要製作出如下的一種頁面效果:當使用者滑鼠經過好友名單中好友頭像時,顯示該好友的基本資料,其實也就是類似QQ用戶端的那種功能。網上找了很多代碼,基本都實現了滑鼠懸浮之後彈出div,離開之後馬上就消失了。還有些純CSS的代碼實現了這樣的效果,但是對我沒用,我需要的是JS的(因為我的資料還要通過Ajax取得),並且滑鼠離開後不能馬上隱藏,這個div上還有功能入口。這個頁面效果折騰了我一天,由此可見我的JS和CSS技術有待提高...搜尋了好久,終於發現了可行的2個思路如下,這2個方法有
Time of Update: 2014-07-06
最近項目中需要用到列印HTML頁面,需要指定地區列印,使用jquery.PrintArea.js 外掛程式用法:$("div#printmain").printArea();但還是會列印DIV後面的內容,這裡可以使用CSS控制列印分頁<div style="page-break-after: always;"></div>有時用CSS控制分頁了但還是會連續列印頁面,這裡就可以用上PrintArea 外掛程式中的屬性參數。PrintArea部分源碼:var modes =
Time of Update: 2014-07-06
在下面的樣本中羅列了一組動畫,可以被應用到頁面切換過程中,創造出很有趣的導航效果。雖然有些效果都非常簡單,只是簡單的滑動動作,但另外的一些則是利用了視角(Perspective)和 3D 轉換(3D Transforms)來創造一些立體動感的效果。立即下載 線上示範 溫馨提示:為保證最佳的效果,請在 IE10+、Chrome、Firefox 和 Safari 等現代瀏覽器中瀏覽。 CSS 動畫根據它們的實現的效果分為不同的組。
Time of Update: 2014-07-05
最近進行Jira升級,發現升級後,從Jira4.x中匯出的zip備份檔案不能匯入到Jira 6.x最新版中,很是鬱悶啊。 後來只能比對兩個版本之間差異,然後挨個拷貝XML片段進行升級。 升級的大概步驟如下: 一、在新版本jira中,先backup一個檔案範例,然後找到該zip包,解壓縮後,可以看到:entities.xml,我們將把舊版本備份中的entities.xml相關資訊拷貝到該檔案中。
Time of Update: 2014-07-06
這個圖片是我用xmind編輯的。歡迎大家來糾正或添加!再來說說我對網站開發的理解與碰到的問題。網站的前端有幾個部分我覺得很重要:1.優雅的文字提示2.合理的頁面設計3.適當的指令碼特效一進入這個網站,就讓人有一種非常舒適的感覺。並且在舒適的基礎上有奪人眼球的特效,再有貼心的提示,我相信肯定能給瀏覽者一種獨特的印象,讓他們記住這個網站。,即使他們沒有擷取到他們想要的資訊。CSS方面:隨著CSS3的強勢出擊,接下來的頁面特效將會往CSS3這邊靠,雖然那些不支援CSS3的瀏覽器還會存留一段時間,但是支
Time of Update: 2014-07-05
jsonkit 解析nsarray 時候 報錯Assertion failure in -[TXJKArray count], /Users/mqq/hudson/1740/src/TencentOpenApi_IOS/Common/Util/JSONKit.m:738解決辦法:Had the same issue, I was trying to set the output straight to a dictionary I had created.myDictionary =
Time of Update: 2014-07-05
公司的介面設計環節總算是告一段落了,必須要承認的是,這段時間晚間的學習帶給我很多益處,在工作中偶爾的應用,效果出奇的好,收到領導和同事的一些小讚揚,表示很欣慰,也長了點不少自信,雖然不理解,他們這些工作好幾年的人應該對這些不是應該都很瞭解麼,為什麼會表現出來有些陌生,不過不想那麼多了,喜歡就好。今天來記錄下js實現雙擊後網頁自動跑,這個在很多網站上都有所體現吧,那麼該如何?呢?首先我們來分析下實現的基本原理:1、擷取滑鼠的雙擊事件(這個在前面曾經記錄過一次,但是很不幸的是上次貌似還
Time of Update: 2014-07-05
jQuery彈性滑動導覽功能表 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript">$(document).ready(function () { var active_width = $(".active").innerWidth(); var active_left =
Time of Update: 2014-07-05
進入百度搜尋此問題,發現有人這麼說了一句 Jquery中的Ajax的async預設是true(非同步請求),如果想一個Ajax執行完後再執行另一個Ajax, 需要把async=false就可以了 於時我在ajax中進行了處理 async: false,結果發現提交正常的資料返回是正常的沒有錯誤。 代碼如下
Time of Update: 2014-07-05
後台Map map = new HashMap<>();map.put("你好1", 1);map.put("你好2", 2);map.put("你好3", 3);map.put("你好4", 4);map.put("你好5", 5);Gson gson = new Gson();String json = URLEncoder.encode(gson.toJson(map),"utf-8");out.print(json);前台success:function(data){ data =
Time of Update: 2014-07-05
Javascript中的類其實就是一個function如下面定義一個Person類//定義一個類function Person(){this.name = 'jaune';this.age = 18;}//建立一個對象var person1 = new Person();console.log(person1);/* * 控制台打出以下內容 * Person {name: "jaune", age: 18} */
Time of Update: 2014-07-05
一、ExtJS簡介 Ext是一個Ajax架構,用於在用戶端建立豐富多彩的web應用程式介面,是在Yahoo!UI的基礎上發展而來的。官方網址:www.sencha.com ExtJS是一個用來開發前端應用程式介面的JS架構,借鑒Swing等思想,提供了一套完整的組件庫及強大的ajax支援功能,可以用Ext來開發基於Ajax的富用戶端應用。二、ExtJS特點:使用標準的W3C技術;龐大的組件模型及控制項陳列庫; 豐富絢麗的介面元素;強大實用的工具封裝;開源GPL;
Time of Update: 2014-07-05
導致jquery ajax 提交無響應的原因一個是我們ajax參數有問題,另一個是IE中jquery.form中ajax設定提交類型為application/x-javascrip所導致的,下面我來總結一下。 例子一 代碼如下 $.ajax( {
Time of Update: 2014-07-05
Validatebox是EasyUI的驗證控制項,它支援很多驗證,比如說是否是email、是否是url等,保證我們輸入的資料在進行處理前能夠確保其完整性和正確性。驗證可以實現在資料層和商務規則層,但應當在表現層進行前端的“保護”,因此,我們通常在UI層為使用者提供友好的、可以互動的驗證體驗,避免在應用程式中進行不必要的網路間的往返驗證。在前期ASP.NET中,我們接觸了六種驗證控制項,根據這六種驗證控制項,幾乎能夠實現所有的驗證。那現在說的Validatebox是怎麼實現驗證的呢?
Time of Update: 2014-07-05
Border布局:Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.container.Viewport', { //一般是渲染到viewport中 title: "table布局的面板", layout:'border', defaults: { collapsible: true, //可收合 split:
Time of Update: 2014-07-05
使用 Sea.js 進行模組化開發還可以帶來很多好處:模組的版本管理。通過別名等配置,配合構建工具,可以比較輕鬆地實現模組的版本管理。提高可維護性。模組化可以讓每個檔案的職責單一,非常有利於代碼的維護。Sea.js 還提供了 nocache、debug 等外掛程式,擁有線上調試等功能,能比較明顯地提升效率。前端效能最佳化。Sea.js 通過非同步載入模組,這對頁面效能非常有益。Sea.js 還提供了 combo、flush
Time of Update: 2014-07-05
在下面給大家分享的行動裝置 App程式介面設計作品中,你可以看到不同創意類型的視覺效果。如果你想獲得靈感,那很有必要看看下面20個優秀使用者體驗的行動裝置 App UI 設計。想要擷取更多的靈感,可以訪問移動開發分類,裡面有很多行動裝置 App程式的 UI 設計,讓你驚歎。您可能感興趣的相關文章創意設計:摺疊效果在移動App中的應用45套新鮮出爐的精美 PSD 網頁設計素材分享15套免費的扁平化介面設計素材下載設計前沿:30款超級精美的iOS表徵圖欣賞40款 iPhone 和 iPad
Time of Update: 2014-07-05
app.js[javascript] view plaincopyprint?Ext.onReady(function(){ Ext.QuickTips.init(); Ext.Loader.setConfig({ //開啟自動載入功能 enabled:true }); Ext.application({ name:'AM', //自訂命名空間,通常都定義為AM appFolder:'app',
Time of Update: 2014-07-05
capserjs內建了一個測試架構,它提供了一個使你能夠更容易的測試你的web應用的工具集。 注意: 1.1版本變更 這個測試架構,包括它的所有API,僅能使用在casperjs test子命令下 如果你在測試架構的範圍以外使用casper.test的屬性,會報error 從1.1-beta3開始,你能夠在測試環境下改寫casper的初始化配置,想知道更多,可以去dedicated FAQ
Time of Update: 2014-07-05
定義函數 使用function關鍵字來定義函數,分為兩種形式: 聲明式函數定義; function add(m,n) { alert(m+n); }這種方式等同於構造一個Function類的執行個體的方式:var add = new Function("m", "n",