Time of Update: 2014-09-13
jQuery 複合選取器應用的幾個例子,jquery選取器<!-- 本文例子所引用的jQuery版本為 jQuery-1.8.3.min.js -->一. 複合選取器對checkbox的相關操作<input type="checkbox" id="ckb_1" /> <input type="checkbox" id="ckb_2" disabled="true" /> <input type="checkbox" id="ckb_3" />
Time of Update: 2014-09-13
javascript在IE下trim函數無法使用的解決方案,javascripttrim本文執行個體分析了javascript在IE下trim函數無法使用的解決方案,對於web前段設計有一定的借鑒價值。具體分析如下:首先,javascript的trim函數在firefox下面使用沒有問題:<script language="javascript"> var test1 = " aa "; test1 = test1.toString(); test1 =
Time of Update: 2014-09-13
js圖片即時載入提供網頁開啟速度,js即時瀏覽大型網站,特別是圖片比較多的圖片,如大型的電商網站,你會發現處了第一屏外,往下滾動的時候圖片才載入出來,沒必要一開始載入就要把全部圖片載入出來,這樣子開啟網面的速度得到了很好提高。以下是筆者目前所想到的思路,如果有更好的思路,望不吝賜教。其實即時載入圖片思路很簡單,頁面一開始載入的時候把不需要一開始就載入的圖片(如第二屏以下的圖片,反正是要往下滾動才能看到的,不如把它們設定成往下滾動的時候再即時載入)路徑保持到一個自訂的屬性裡,如:<img
Time of Update: 2014-09-13
javascript trim函數在IE下不能用的解決方案,javascripttrimjavascript 的trim 函數在firefox 下面使用沒有問題<script language="javascript"> var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script>在Firefox下這樣用沒有問題,
Time of Update: 2014-09-12
如何用JavaScript定義一個類 我原來的寫法都是這樣: 1 function Dog(){ 2 this.name = 'hachi'; 3 }
Time of Update: 2014-09-12
無限樹Jquery外掛程式zTree的常用功能特性總結 其實Ztree官網已經有詳細的API文檔,一切以官網上的說明為準,我在此只是結合實踐總結幾條常用的ztree的功能特性.(ztree的文法結構是基於key-value的形式配置)1:支援非同步載入資料文法配置: 1 async: { 2 enable:
Time of Update: 2014-09-12
javascript在IE下trim函數無法使用的解決方案 本文執行個體分析了javascript在IE下trim函數無法使用的解決方案,對於web前段設計有一定的借鑒價值。具體分析如下:首先,javascript的trim函數在firefox下面使用沒有問題: 1 <script language="javascript">
Time of Update: 2014-09-12
CSS清除浮動的方法,CSS清除浮動方法 CSS清除浮動的方法有哪些呢?經常性地會使用到float,很多邪門的事兒都有可能是浮動在作怪,清除浮動是必須要做的,而且隨時性地對父級元素清除浮動的做法也被認為是書寫CSS的良好習慣之一。下面看今天的教程,此為未清除浮動原始碼,運行代碼無法查看到父級元素淺黃色背景。<style
Time of Update: 2014-09-13
如何用JavaScript定義一個類,javascript一個類我原來的寫法都是這樣:function Dog(){ this.name = 'hachi';}Dog.prototype = { makeNoise:function(){ alert('wangwangwang'); }};後來又看到另外一種複雜一點而且看起來好像沒有必要的寫法:function Dog(){ var privateVariable = 'secret'; var fn = function(){
Time of Update: 2014-09-11
點擊button擷取text內容並改變樣式的js實現,buttontext需求:點擊button獲得input框中選中的內容,讓選中的內容變紅,實現:代碼如下<!DOCTYPE HTML><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>Test</title><style
Time of Update: 2014-09-12
js通過location.search來擷取頁面傳來的參數 這篇文章主要介紹了通過window.location.search來擷取頁面傳來的參數,經測試是OK的 1function GetQueryString(name) { 2var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); 3var r =
Time of Update: 2014-09-12
jquery根據錨點offset值實現動畫切換 下面分享一個小技巧,根據錨點offset值來實現動畫切換 01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Time of Update: 2014-09-12
動態載入js和css的jquery
Time of Update: 2014-09-12
CSS使用經驗總結,css經驗總結清除圖片下方出現幾像素的空白間隙方法1:img{display:block;}方法2:img{vertical-align:top;}除了top值,還可以設定為text-top | middle | bottom |
Time of Update: 2014-09-12
【原】iphone6來了,我該做點什麼,iphone6來了北京時間2014年9月10日淩晨1點,蘋果公司正式發布其新一代產品 iPhone6,相信做webapp開發的同學對它時充滿了好奇和等待,也擔心它帶來各種坑爹,高清的解析度,升級的retina顯示屏,我們該如何做好適配呢?相比iPhone5,iPhone6擁有更高解析度的retina HD display,而iPhone6
Time of Update: 2014-09-11
jQuery CSS()方法改變現有的CSS樣式表,jquerycss使用CSS()方法改變現有的CSS樣式表,css()方法在使用上具有多樣性。其中有一種可接受兩個輸入參數:樣式屬性和樣式值,兩者之間用逗號分隔。比如要改變連結顏色,可以這樣編寫代碼:$("#61dh a").css('color','#123456');//選取器‘$("#61dh
Time of Update: 2014-09-11
jquery取子節點及當前節點屬性值的方法,jquery屬性值分享下jquery取子節點及當前節點屬性值的方法。<li class="menulink"><a href="#" rel="external nofollow" id="101" onclick="changeMenu('101','資料管理','#' )"><span>資料管理</span></a></li>取子節點:$(".menulink
Time of Update: 2014-09-11
jQuery 浮動導覽功能表適合購物商品類型的網站,jquery導覽功能表單頁面網頁內容較多,頁面長度較大,需要方便快速的在頁面的不同位置進行定位,所以浮動菜單逐漸流行了起來,如 男裝、女裝、美妝等。這種菜單功能分為兩部分:1、點擊功能表項目,網頁滾動到對應位置,可簡單通過錨點實現;2、滾動頁面的時候,功能表項目的選中狀態要跟著改變,這就需要監聽網頁的滾動事件並通過一點計算來實現了;計算 scrollTop 和 各個 div 的 offsetTop 的大小關係,判斷現在網頁顯示的位置在什麼地方,
Time of Update: 2014-09-11
使用typeof方法判斷undefined類型,typeofundefined有關js判斷undefined類型,使用typeof方法,typeof 返回的是字串,其中就有一個是undefined。js判斷undefined類型if (reValue== undefined){alert("undefined");}發現判斷不出來,最後查了下資料要用typeof方法:if (typeof(reValue) == "undefined"){ alert("undefined");}typeof
Time of Update: 2014-09-11
滑鼠懸浮停留三秒後自動顯示大圖js代碼,自動顯示js滑鼠懸浮停留三秒後顯示大圖,在網頁中還是比較實用的<style>*{margin:0;padding:0;list-style-type:none;}img,a{border:0;}.piccon{height:75px;margin:100px 0 0 50px;}.piccon li{float:left;padding:0 10px;}#preview{position:absolute;border:1px solid