Time of Update: 2017-01-19
本文執行個體講述了jquery投影片外掛程式bxslider樣式改進方法,分享給大家供大家參考。具體如下:對比了很多jquery的投影片,都覺得不是很好,最後發現bxslider相容性最好,行動裝置支援手動翻動。但是官方提供的顯示效果真的很難看,讓人難以接受。最後只能自己DIY了。bxslider官方樣式如下: 改造後的樣式如下:第一步:引入bxslider複製代碼 代碼如下:<!-- jQuery library (served from Google)
Time of Update: 2017-01-19
placeholder是HTML5<input>的屬性之一,在不同的瀏覽器( 支援HTML5的現代瀏覽器 )中會有略微不同的顯示效果:在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 極速模式 )中,輸入欄獲得焦點後,提示文字並不消失,如圖( Chrome ):獲得焦點前:獲得焦點時:偏偏IE11要搞點特殊:獲得焦點前:獲得焦點時:也就是說獲得焦點時提示的文字會消失。非現代瀏覽器( 例如 IE6-IE9
Time of Update: 2017-01-19
起因 有人提問“如果用nodejs訪問sql server?” 找了找資料,發現有兩類解決方案,使用第三方nodejs外掛程式:https://github.com/orenmazor/node-tds、使用ADODB.ConnectionActiveX對象。 參考: http://stackoverflow.com/questions/857670/how-to-connect-to-sql-server-database-from-javascript
Time of Update: 2017-01-19
主要將代碼粘貼,通過閱讀代碼理解其中的相關邏輯。html代碼:<form id="form1" runat="server"> <p> 評論:</p> <p> 姓名:<input type="text" name="username" id="username1" /></p> <p> 內容:<textarea name="content" id="content" rows="2"
Time of Update: 2017-01-19
小提示: 關於數組的concat和push方法。 兩者的區別主要有: concat是串連數組,不會修改原數組,傳回值為串連後的數組,與push的重要區別是concat會展開數組的第一層子數組 push是添加數組元素。就地修改原數組,傳回值為添加的新項,push不會展開傳入的數組。 複製代碼 代碼如下: var a = [1,2,3,4]; var b = [4,5,6,7]; var c = a.push(b); var d = a.concat(b); console.log('a',a);
Time of Update: 2017-01-19
摒棄其他的效果,最簡單的輪播也就只有一條語句: parent.appendChild(parent.firstChild),不斷的把列表的一個元素添加到最後一個,appendChild會將節點從原來的位置移除,所以藉此可以產生轉場效果。 一點,IE對文本的文本節點與其他的瀏覽器不同,在擷取子節點的時候需要注意,另外在不同版本的FF中,children這個屬性也需要注意。 下面的demo沒有設定#view的overflow:hidden。 demo_1: 複製代碼 代碼如下:
Time of Update: 2017-01-19
看下以下代碼在各瀏覽器下的結果: 複製代碼 代碼如下: <body onclick="alert([window.event,event,this.event]);">test</body> IE8: object,object,undefined FF8.0: undefined,MouseEvent,undefined Cr16: MouseEvent,MouseEvent,undefined Opera:
Time of Update: 2017-01-19
1.安裝依賴包 複製代碼 代碼如下: sudo apt-get install g++ curl libssl-dev apache2-utils sudo apt-get install git-core 2.下載原始碼 複製代碼 代碼如下: git clone git://github.com/ry/node.git 這一步是因網路狀況較差一直顯示 Cloning to node... 可以從官網上直接下載原始碼,解壓到帳號的檔案夾裡。 檔案名稱改為了node。 3.編譯
Time of Update: 2017-01-19
首先看一下自訂提示框的效果圖alert 普通的提示當然可以自訂樣式confrim 確認框 支援callback複製代碼 代碼如下://message 提示的資訊 ,callback(true/false)回呼函數 window.shconfirm = function (message, callback) 回呼函數參數為 true/falseprompt 邀請使用者輸入框複製代碼 代碼如下://message 提示的資訊 ,callback(msg)回呼函數(使用者輸入的訊息),
Time of Update: 2017-01-19
網上有很多關於jQuery的this和$(this)的介紹,大多數只是理清了this和$(this)的指向,其實它是有應用場所的,不能一概而論在jQuery調用成員函數時,this就是指向dom對象。$(this)指向jQuery對象是無可厚非的,但this就是指向dom對象,這個是因為jQuery做了特殊的處理。 在建立dom的jQuery對象時,jQuery不僅僅為dom建立一個jQuery對象,而且還將dom儲存在所建立對象的數組中。複製代碼 代碼如下:elem =
Time of Update: 2017-01-19
今晚看書的時候發現jQuery有三個包裹節點的方法,百度了一下jQuery wrap() / wrapAll() / wrapInner(),果然搜尋結果 W3School的文檔說明是排第一的。可是,W3School的解釋是這樣的:jQuery 文檔操作 - wrap() 方法wrap() 方法把每個被選元素放置在指定的 HTML 內容或元素中。jQuery 文檔操作 - wrapAll() 方法wrapAll() 在指定的 HTML 內容或元素中放置所有被選的元素。jQuery 文檔操作 -
Time of Update: 2017-01-19
FLASH導航現在基本上已經是過時了,但是我們可以用jQuery來實現flash效果,非常的不錯。示範地址:http://demo.jb51.net/js/2014/jqeryfangflashdh/demo.html複製代碼 代碼如下:<html> <head> <meta http-equiv="Content-Type"
Time of Update: 2017-01-19
1.jQuery實現的右側選項卡焦點圖片輪播動畫jQuery實現的右側選項卡焦點圖片輪播動畫特效源碼,是一段清新可愛的焦點圖輪播代碼,支援自動輪播與手動點擊,是一段不錯的焦點圖切換代碼。線上示範源碼下載2.jquery實現的網頁縮圖大綱可滑動顯示動態query實現的網頁縮圖大綱可滑動顯示動態特效源碼,是一款擁有網頁大綱的縮圖顯示的代碼,點擊滑動縮圖即可看到想要的東西,支援滑鼠點擊、拖動及滑鼠滾動切換顯示。線上示範源碼下載3.純CSS3實現的自訂美化UL
Time of Update: 2017-01-19
最近一直都在用easyui前端架構來開發設計UI,但在使用Dialog時,發現如果頁面內容比較多,就會出現問題,首先看一下我的原代碼:複製代碼 代碼如下: <input type="button" value="確認預約" id="btnconfirm" onclick="javascript:openconfirmDlg();" /> <div id="confirmd"> &
Time of Update: 2017-01-19
綜合概述jQuery在1.7.x版本中,去掉了對瀏覽器嗅探支援,建議使用特性檢測,然而在實際項目中,或多或少也需要這個功能。相容性IE6+、Chrome、Firefox、Safari、Opera架構依賴原生JS支援模組支援支援AMD、node和瀏覽器使用介紹1.識別引擎、舉例如下://如果瀏覽器是webkit核心,執行以下代碼if(!!client.engine.webkit){ //todo}2.識別瀏覽器、舉例如下:
Time of Update: 2017-01-19
HTML 端: PART 1: 複製代碼 代碼如下: {{foreach from=$question.question_item item="it" name="question_item"}} <tr> <td align="left">{{$it.item_id}}</td> <td align="left">{{$it.item_name}}</td> <td align="left">9 <input
Time of Update: 2017-01-19
下面代碼直接copy 就能用l 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
Time of Update: 2017-01-19
複製代碼 代碼如下: <a href="#" onclick="clearNewMessageRemind();return false;">點擊取消閃爍提示</a> <script type="text/javascript"> var newMessageRemind={ _step: 0, _title: document.title, _timer: null, //顯示新訊息提示 show:function(){ var temps =
Time of Update: 2017-01-19
複製代碼 代碼如下://獲得用戶端作業系統(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008) function GetOSInfo(){ var _pf = navigator.platform; var appVer = navigator.userAgent; if(_pf == "Win32" || _pf == "Windows") { if(appVer.indexOf("WOW64")>-1){ _bit = "64位"; }else{
Time of Update: 2017-01-19
JS指令碼無資料庫代碼 複製代碼 代碼如下: <Script Langage=Javascript> i=1 var autourl=new Array() autourl[1]="http://www.abc.com/default.asp" //修改為網通訪問地址 autourl[2]="http://abc.com/default.asp" //修改為電信訪問地址 function auto(url) { if(i) { i=0; top.location=url }}