WebSphere Portal中,實施拖拽功能造成頁面閃動的解決方法
[@more@]WebSphere Portal中,實施拖拽功能造成頁面閃動的解決方法
在Portal 6.0中,使用自帶的拖拽指令碼,當頁面比較大,portlet比較多時,滑鼠從portlet標題欄移動時,經常出現頁面閃動現象。原因是在自帶的指令碼中,滑鼠滑過標題欄時,使用重新載入了整個body的css樣式,當頁面比較大時,IE重新渲染整個頁面的開銷比較大,給使用者的感覺就是頁面在閃。
解決方法:
1.修改wps.war/dnd/DND.js,將設定滑鼠樣式的程式碼遮蔽:
function setDNDMoveCursor(){
/*
if (document.body.style.cursor != "move") {
document.body.style.cursor="move";
}
*/
};
function setDNDNoCursor(){
/*
if (document.body.style.cursor != "not-allowed") {
document.body.style.cursor="not-allowed";
}
*/
};
function setDNDNormalCursor(){
/*
if (document.body.style.cursor != "") {
document.body.style.cursor="";
}
*/
};
2.修改相應skin的Control.jsp檔案,在標題欄的HTML標籤上,設定style="cursor:hand"樣式,如:
在Portal 6.0中,使用自帶的拖拽指令碼,當頁面比較大,portlet比較多時,滑鼠從portlet標題欄移動時,經常出現頁面閃動現象。原因是在自帶的指令碼中,滑鼠滑過標題欄時,使用重新載入了整個body的css樣式,當頁面比較大時,IE重新渲染整個頁面的開銷比較大,給使用者的感覺就是頁面在閃。
解決方法:
1.修改wps.war/dnd/DND.js,將設定滑鼠樣式的程式碼遮蔽:
function setDNDMoveCursor(){
/*
if (document.body.style.cursor != "move") {
document.body.style.cursor="move";
}
*/
};
function setDNDNoCursor(){
/*
if (document.body.style.cursor != "not-allowed") {
document.body.style.cursor="not-allowed";
}
*/
};
function setDNDNormalCursor(){
/*
if (document.body.style.cursor != "") {
document.body.style.cursor="";
}
*/
};
2.修改相應skin的Control.jsp檔案,在標題欄的HTML標籤上,設定style="cursor:hand"樣式,如:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/7199667/viewspace-1020204/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- WebSphere Portal 6.1 新特性:輕鬆打造 HTML 靜態頁面WebHTML
- 移動端頁面滾動--解決方法
- 監視WebSphere Portal 環境中的效能Web
- 在 IBM WebSphere Portal 中整合 IBM Lotus Quickr 協作功能IBMWebUI
- WebSphere Portal 7.0的主題與皮膚部署方法Web
- 輕鬆應用WebSphere Portal 中的個性化支援Web
- C#中用滑鼠移動頁面功能的實現C#
- 度量 IBM WebSphere Portal 效率IBMWeb
- 頁面劫持,頁面劫持,如果被頁面劫持了該怎麼去解決,方法分享
- Vue實現浮動按鈕元件 - 頁面滾動時自動隱藏 - 可拖拽Vue元件
- 禁止頁面滾動的方法
- vue中重新整理頁面時去閃爍,提升體驗方法Vue
- windowsphone中WebBrowser中的頁面按級回退功能WindowsWeb
- IBM WebSphere Portal當機或效能低常見問題分析 及解決措施IBMWeb
- android專案點餐app1:基礎功能:閃屏頁、登入頁面、註冊頁面AndroidAPP
- RecyclerView 實現滑動刪除和拖拽功能View
- RecyclerView實現滑動刪除和拖拽功能View
- 在web Portal中實現可脫拽Portlet的方法Web
- 新增MyEclipse WebSphere Portal Server支援(二)EclipseWebServer
- 新增MyEclipse WebSphere Portal Server支援(一)EclipseWebServer
- 在 IBM Lotus Quickr 8.5 for WebSphere Portal 中定製主題IBMUIWeb
- WebSphere Portal 中啟用 SSL 來進行使用者管理Web
- IIS設定404頁面返回200碼和404頁面亂碼解決方法
- 三種方式實現平滑滾動頁面到頂部的功能
- 解決WordPress頁面錯位問題的實用技巧
- 現在在搞portal的解決方案
- vue頁面渲染是閃爍{{}}Vue
- uniapp頁面中的按鈕使用分享功能APP
- 解決移動端rem載入瞬間頁面錯亂的方法(放大或者縮小)REM
- 原生js實現拖拽功能JS
- nginx+PHP-fpm 配置後頁面顯示空白的解決方法NginxPHP
- 為 WebSphere Portal 開發 JACL 管理指令碼Web指令碼
- easyui 中iframe巢狀頁面,大彈窗自適應居中的解決方法。$('#win').window()UI巢狀
- IBM Lotus Quickr services for IBM WebSphere Portal 8.0 中定製元件IBMUIWeb元件
- 在 WebSphere Portal 中啟用 SSL 來進行使用者管理Web
- Jquery 實現頁面倒數計時的功能jQuery
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- 脈脈App引導頁面中推薦功能的實現推測APP