Time of Update: 2014-10-17
jquery實現鍵盤監聽程式碼 例子 代碼如下 複製代碼 <script src="jquery-1.11.0.min.js" type="text/javascript"></script> <script
Time of Update: 2014-10-17
CSS只改變背景透明度,不改變子項目透明度,css變子一般情況下,我們可以使用css的opcity屬性改變某個元素的透明度,但是其元素下的子項目的透明度也會被改變,即使對子項目重新定義也沒有用,例如: Html代碼 <div style="opacity:0.4; background-image:url(...);"> <div style="opacity:1.0;">&n
Time of Update: 2014-10-17
HTML效能最佳化,網站效能監測與最佳化摘要: 頁面最佳化是對網頁中的HTML代碼進行必要的調整,可以有效地精簡頁面中的冗餘代碼,加快網頁顯示速度,減少網頁佔用搜尋引擎伺服器的儲存空間,提高使用者體驗和搜尋引擎友好性,當然也可以更好的突出頁面的主題,提高頁面的相關性。下面是我總結出來的編寫html代碼時需要注意的,僅供參考。 1、HTML標籤有始終。 減少瀏覽器的判斷時間2、把script標籤移到HTML檔案末尾,因為JS會阻塞後面的頁面的顯示。3、減少iframe的使用,
Time of Update: 2014-10-17
-webkit-filter是神馬?,-webkit-filter神馬這些濾鏡效果最初是用於SVG的,W3C引入到CSS中,然後制定了CSS Filter Effects 1.0,現在webkit率先支援了它。 現在規範中支援的效果有: - grayscale 灰階- sepia 褐色- saturate 飽和度- hue-rotate 色相旋轉- invert 反色- opacity 透明度- brightness 亮度- contrast 對比- blur 模糊-
Time of Update: 2014-10-17
Arcgis for Javascript實現兩個地圖的聯動看完了效果,下面說說實現的具體功能。1、地圖的聯動:當地圖1(2)的範圍發生變化時,地圖2(1)的地圖也隨之發生變化,且地圖2(1)與地圖1(2)是相同的顯示範圍;2、滑鼠的聯動:當滑鼠在地圖1(2)上移動時,在地圖2(1)相同位置顯示滑鼠指標位置。 上面,分析了功能,下面說說實現思路。1、地圖聯動:當地圖1(2)範圍發生變化時,擷取地圖1(2)的範圍,並設定2(1)的範圍為地圖1(2)的範圍;2、滑鼠的聯動:滑鼠在地圖1(2
Time of Update: 2014-10-17
ExtJs4 筆記之 layout 布局本篇講解Ext另一個重要的概念:布局。一般的容器類控制項都是通過配置項items添加子控制項的,這些子控制項相對於父控制項怎麼定位呢,這裡就要用到布局。 某些容器類控制項,它本身預設就整合了一種布局方式,例如比較典型的是:Ext.container.Viewport
Time of Update: 2014-10-16
分享的標題、縮圖、串連及描述設定方法,縮圖設定方法分享的標題、縮圖、串連及描述該如何設定,使用分享過程中會遇到這個情況,無解的朋友可以看看下面的代碼<script> var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; var lineLink = 'http://topic.xcar.com.cn/201403/ad_q3/index.php'; var descContent = "http://
Time of Update: 2014-10-13
Canvas入門(1):繪製矩形、圓、直線、曲線等基本圖形,canvas矩形來源:http://www.ido321.com/968.html一、Canvas的基礎知識Canvas是HTML
Time of Update: 2014-10-13
JavaScript實現可變參數函數使用javascript類庫函數時,經常會遇到一個函數,可以使用不同個數的參數的情況比如:.代碼 exp(var1) exp(var1, var2) 但是在實際編寫javascript函數時,函數不能同名,所以不可能是不同參數個數分開寫;參數個數必須符合函數的設定,所以函式宣告裡有的就必須有,不可能調用時寫少幾個;……這個問題是困擾了很久了,一直不知道為什嗎?!今天一早在看別人代碼,無意中竟然看到了~
Time of Update: 2014-10-12
jquery實現不同效果的菜單jquery實現不同效果的菜單的代碼:buzhang-jquery實現不同效果的菜單-title<script src="js/jquery-1.11.1.min.js"></script><script src="js/jquery.easing.1.3.js"></script><script>$(document).ready(function(e) {//next
Time of Update: 2014-09-29
jQuery固定浮動側邊欄實現思路及代碼,jquery思路這個功能現在應用的非常普遍,如果頁面比較高,當捲軸拖到頁面的下面的時候,側邊欄會出現一個固定跟隨瀏覽器的DIV框,現思路是這樣的:首先擷取需要跟隨的DIV距離頁面頂部的距離,然後判斷,當瀏覽器滾動的距離大於該DIV本身距離頂部距離的時候,則添加CSS屬性fixed即可。代碼如下HTML代碼:<div id="header">header</div><div
Time of Update: 2014-09-27
jQuery判斷當前點擊的是第幾個li的代碼,jqueryli使用$(this).index()取得li的下標,下面是一個樣式替換的例子:$("#aa li").click(function(){$("#aa li").removeClass("class名字,多個class用空格分開");$(this).addClass("class名字,多個class用空格分開");if($(this).index()!=0){$("#submenu").hide();}else{$("#submenu")
Time of Update: 2014-09-24
jQuery移除tr無效的解決方案(tr是動態添加),jquerytr今天在做項目時,碰到一個問題,那就是移除掉某些tr(tr是動態添加的)。嘗試了很多方法,都不見效(比如,deleteRow方法,貌似傳的參數只能是tr的行數。沒有仔細研究目前)。後來,發現這個方法效果不錯,特此記錄。$(temp).parent().remove(); //temp為td的id code class="js plain">
Time of Update: 2014-09-23
JavaScript進行進位轉換如何將字串轉換為十進位? JS 是一個很神奇的語言,內製的的很多函數可以幫我們進行數(進)制轉換; JS中可以直接使用16進位; var a = 0xff; //255 將任意進位字串轉換為十進位,如二進位,八進位,十六進位, 第二數數不寫即為最常用的轉換為整型十進位; 代碼如下: parseInt("11", 2); // 3 2進位轉10進位 parseInt("77", 8); // 63 8
Time of Update: 2014-09-24
一個JavaScript去除字串末尾的空白執行個體代碼,javascript末尾<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個JavaScript執行個體-去除字串末尾的空白</title> <script> function white(
Time of Update: 2014-09-23
一個JavaScript用逗號分割字串執行個體 //用逗號隔開字串成數組列印。 <!doctype html> <html lang="en"> <head> <meta
Time of Update: 2014-09-23
JavaScript的範圍和塊級範圍概念理解 範圍永遠都是任何一門程式設計語言中的重中之重,因為它控制著變數與參數的可見度與生命週期。講到這裡,首先理解兩個概念:塊級範圍與函數範圍。 什麼是塊級範圍呢? 任何一對花括弧({和})中的語句集都屬於一個塊,在這之中定義的所有變數在代碼塊外都是不可見的,我們稱之為塊級範圍。 函數範圍就好理解了(*^__^*)
Time of Update: 2014-09-24
js css 實現遮罩層覆蓋其他頁面元素附圖,css遮罩<div style=" position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: Black; z-index: 9999; filter: alpha(opacity=70); Opacity:0.7;"></div>z-index 必須大於遮罩元素demo<!doctype html>
Time of Update: 2014-09-23
Node.js v0.10.31API手冊-簡介這是一個使用node.js編寫的web伺服器返回'HelloWorld'的執行個體:var http = require('http');http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello
Time of Update: 2014-09-22
讀javascript進階程式設計17-線上檢測,cookie,子cookie開發離線應用時,往往在離線狀態時把資料存在本地,而在聯機狀態時再把資料發送到伺服器。html5提供了檢測線上狀態的方法:navigator.onLine和online/offline事件。 1.navigator.onLine屬性 表示當前的網路狀態是否線上,true表示線上,false表示離線。當網路狀態變化時,該屬性也會隨之變化。 2.online和offline事件 HTM