Time of Update: 2017-01-19
今天瀏覽jQuery的deprecated列表,發現live()和die()在裡面了,趕緊看了一下,發現從jQuery1.7開始,jQuery引入了全新的事件綁定機制,on()和off()兩個函數統一處理事件綁定。因為在此之前有bind(), live(), delegate()等方法來處理事件綁定,jQuery從效能最佳化以及方式統一方面考慮決定推出新的函數來統一事件Binder
Time of Update: 2017-01-19
複製代碼 代碼如下: <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var ping = ''; switch ($('#Select3 option:selected').text()) { case '圖片': ping += '<img'; break; case '文字框'
Time of Update: 2017-01-19
本文執行個體講述了jquery實現的淡入淡出下拉式功能表效果。分享給大家供大家參考。具體如下:這是一款jQuery帶有淡入淡出效果的下拉式功能表,可作為一個下拉導覽功能表的模板,移動滑鼠到一級主菜單上看一看,在有包括二級子功能表的功能表項目上懸停時,二級菜單漸層顯示出來,相容性也是很不錯的,希望大家喜歡哈。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-fade-in-out-menu-style-codes/具體代碼如下:<!D
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現TAB風格的全國省份城市滑動轉場效果代碼。分享給大家供大家參考。具體如下:這裡示範jQuery實現的全國省市菜單,加入了選項卡風格,把全國城市按字母範圍歸類,滑鼠移到某一分類的時候,滑動門展開顯示所屬的全國省分和城市。特別適合於分類資訊網站使用。當然,在需要選擇省市的時候,也是可以用的。仔細看了下,菜單裡面的城市還比較全,你不用再手動添加城市了。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-tab-c
Time of Update: 2017-01-19
(jsp需要引入 :jquery-1.9.0.js、jquery.form.js ) ,jsp頁面使用的是bootstrap製作的,看不懂的標籤不用管,form表單大同小異。代碼比較簡陋,只是為了示範使用ajaxSubmit非同步上傳圖片及儲存資料,請海含! (參考文獻:http://www.jb51.net/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一:web (add.jsp) 複製代碼 代碼如下: <%@page
Time of Update: 2017-01-19
這兩天趕一個項目,要求滑鼠點擊小圖顯示大圖,於是用JS來根據小圖來設定大圖的SRC,設計完後問題就出來了。在IE6下大圖顯示不出,滑鼠放置在圖片上右鍵連結地址是可以正常顯示連結地址的,並且點擊顯示圖片圖片才能被正常顯示。IE7,IE8和FF是沒有這些問題的。代碼如下: 複製代碼 代碼如下: function picclick() { var pic = $('marqueediv').getElementsByTagName('a'); var len = pic.length;
Time of Update: 2017-01-19
本文執行個體講述了靜態頁面html中跳轉傳值的JS處理技巧。分享給大家供大家參考,具體如下:在html中通過"?"傳值:<a href="index2.html?name=caoy">靜態傳值</a>在跳轉到的頁面index2.html中接收:var name=UrlParm.parm("name");代碼如下:index.html:<script type="text/javascript" src="getUrlParam.js"><
Time of Update: 2017-01-19
雲棲社區代碼測試(點擊選擇) [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery圖片滾動仿QQ商城帶左右按鈕控制焦點圖片切換滾動</title> <meta name="description"
Time of Update: 2017-01-19
在很多地方就是都出現了使用二維碼登入,二維碼付款,二維碼賬戶等應用(這裡的二維碼種馬,詐騙就不說了),二維碼驗證,多終端輔助授權應用開始多起來,這裡先說下啥是二維碼,其實二維碼就是存了位元據的黑白圖片,當出現要求二維碼登入的時候,伺服器會產生一條臨時的唯一的二維碼資訊,發送到用戶端以二維碼(圖片)的形式寫入到網頁,然後你就會看到統一的四個方形的二維碼,如果做的好這個二維碼資訊應該是有時效的,這裡暫且不考慮這些,就簡單的微信登入作為例子看看吧:首先說下整個授權流程:在用戶端網頁中會不斷向伺服器發送
Time of Update: 2017-01-19
本文細緻的為大家分享了Bootstrap輪播外掛程式簡單一實例,供大家參考,具體內容如下使用Bootstrap的輪播外掛程式可以向網站添加滑塊,內容可以是映像,內嵌架構,視頻或其它任何內容,使用輪播外掛程式需要引入效果圖:bootstrap.min.js. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!—輪播導航 --> <ol
Time of Update: 2017-01-19
我個人表示非常喜歡微軟新一代的產品,先不管它產品的成熟與否,但是它帶來的是全新的產品。所謂全新,是指在使用者體驗上,蘋果這些年的成功使得所有產品都在模仿它的介面,包括安卓在內,不知道大家的感覺如何,反正我是對這些圓角矩形產生了審美疲勞(蘋果以及安卓的粉絲勿噴,這裡僅僅是從介面上評價,事實上從整體上來說,微軟還是有差距的),當年wp的推出讓我眼前一亮,馬上喜歡上了Metro風格的產品,直至今天wp8以及win8開始越來越成熟。寫的不好,歡迎各位看官指正批評,不歡迎無故猛噴。大神請繞道。廢話少說,進
Time of Update: 2017-01-19
簡單一實例複製代碼 代碼如下:<!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 http-equiv="Content-Type"
Time of Update: 2017-01-19
//得到自身URL後的參數:使用者名稱 loadVariables("", u); uname.text=u; htm: var fla=''; fla+='<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="250
Time of Update: 2017-01-19
事件的起因是由於在工作中有客戶反映,常常會有使用者在瀏覽網頁的過程中訂購了商品,但是由於使用者一下子開啟的視窗過多,又或者在敲打鍵盤時,錯誤地按到了F5鍵,導致頁面重新整理或者不正常關閉,而這時在該網頁上所做的一切操作的資訊都丟失了,如果我們可以提供一個在客戶資訊未處理完成時的提示那該多好啊,下面的代碼可以做到不管使用者是點擊了關閉,或者是在工作列關閉、點擊後退、重新整理、按F5鍵,都可以檢測到使用者即將離開的訊息。 複製代碼 代碼如下: <script
Time of Update: 2017-01-19
對聯代碼,查閱它在xhtml下的表達方式,結果很簡單了。這是因為,按照標準來說,我們看到的表單的捲軸不應該是 body 的,而是 HTML 的(也就是 document.documentElement 對象)所以,解決辦法是:把html下不標準的代碼“document.body.scrollTop”變換為“document.documentElement.scrollTop”,一切ok! (失效範圍:XHTML 1.0 transitional.dtd;XHTML 1.0 strict.dtd;
Time of Update: 2017-01-19
漏洞很久之前(大概5年前)被提出來了,但並不是php代碼上的問題,所以問題一直存在,直到現在。我一直沒留意,後來yaseng告訴我的,他測試了好像5.5都可以。漏洞詳情在這裡 http://cxsecurity.com/issue/WLB-2009110068。給出我寫的EXP:複製代碼 代碼如下:<?php/** by phithon* From http://www.jb51.net* detail: http://cxsecurity.com/issue/WLB-200911
Time of Update: 2017-01-19
間歇、無縫滾動效果(用gif錄製的效果不是很好,有興趣的可以down代碼),具體內容如下代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>無縫滾動</title> <style> *{margin:0;padding:0;} .box{width: 500px;height: 400px;margin:40px
Time of Update: 2017-01-19
1,關於event的用法 存在問題:IE中可以直接使用event對象,但是Mozilla不可以直接使用。 例如: <input type="button" value="clickMe" nclick="doIt()"><script. language="javascript"> function doIt(){
Time of Update: 2017-01-19
在使用Thinkphp開發的內容管理系統裡面,很多東西都要自己開發,內容分頁當然也是要自己開發的,下面是我根據查資料自己整理的方法:1、首先是在後台編輯內容的時候需要插入分頁符,不同的編輯器分頁符自然也不同了2、然後就是讀取文章內容的時候,要根據分頁符來把內容分割成多個數組然,這裡需要傳值當前是第幾頁,根據頁數來讀取分割後的數組代碼如下:複製代碼 代碼如下:<php>