Time of Update: 2017-01-19
本文執行個體講述了jquery處理頁面彈出層查詢資料等待操作。分享給大家供大家參考。具體實現方法如下:$(document).ready(function(){ layer.load(0);//初始化載入//可選範圍(0-9)0表示等返回結果後關閉,1-9表示自動關閉時間(s) });當查詢結果集返回後,設定關閉等待的樣式function init_page_pro(sdate, pro) {$.post("detail.key", { 'pro' : pro, 'sdate' :
Time of Update: 2017-01-19
首先來看下定時器的用法 1. setInterval(code,millisec[,"lang"]) setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算運算式。 參數描述code必需,要調用的函數或要執行的代碼串。millisec必需,周期性執行或調用 code 之間的時間間隔,以毫秒計。2.setTimeout(code,millisec) setTimeout() 方法用於在指定的毫秒數後調用函數或計算運算式。 參數描述code必需,要調用的函數後要執行的
Time of Update: 2017-01-19
最近在Web項目開發過程中遇到的本地圖片預覽的需求,雖然最後因為其他原因沒能使用,但是也算有些瞭解,整理出來。這裡我們按瀏覽器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,這三個基本上需求很小,沒有研究。 總結一下就是: IE6下可以直接從file的value擷取圖片路徑來顯示預覽。 IE7和IE8下通過select擷取file的圖片路徑,再用濾鏡來顯示預覽。 FireFox下調用file的getAsDataURL方法擷取Data
Time of Update: 2017-01-19
本文執行個體講述了jQuery定義背景動態轉場效果的方法。分享給大家供大家參考。具體如下:通過下面的jQuery外掛程式,你可以將圖片放在一個數組裡,然後告訴jQuery圖片需要在什麼地方背景輪換(function($){ var defaultSettings; var divfg, divbg; var fadeInterval; var fqTimer; var currImg = 0; var displImg = 0; var running = false; // Setup
Time of Update: 2017-01-19
客戶要求實現對錶格資料的頭幾行或者頭幾列進行凍結,即滾動時保持這幾行/列不動,通過網上尋找代碼,參考已有的代碼的思路,實現了可以任意對行、列進行凍結。實現原理:建立多個div,div之間通過css實現層疊,每個div放置當前表格的複製。例如:需要行凍結時,建立存放凍結行表格的div,通過設定z-index屬性和position屬性,讓凍結行表格在資料表格的上層。同理,需要列凍結時,建立存放凍結列表格的div,並放置在資料表格的上層。如果需要行列都凍結時,則除了建立凍結行、凍結列表格的div,還需
Time of Update: 2017-01-19
關於jQuery()方法的第二個參數,有下面這幾種用法:1.jQuery(selector, [context])這種用法,相當於 $(context).find(selector) 或者 context.find(selector)2.jQuery(html,
Time of Update: 2017-01-19
CSS複製代碼 代碼如下:html,body{background:#333;} #loading{left:0;top:0;width:100%;height:100%;background:#333;color:#fff;} #loading span{left:45%;top:40%;font:normal 50px Arial;color:#fff;} #demo{left:50%;top:50%;margin-left:-512px;margin-top:
Time of Update: 2017-01-19
頁面代碼:複製代碼 代碼如下:<table> <tr><td><input type="text" id="txtPwd" /></td></tr>
Time of Update: 2017-01-19
最近破事比較多,好久沒來這裡寫異想天開的玩意了。不過今天早上倒是想到個很有趣的東東,所以花了半小時簡單的琢磨了會,順便寫點分享下。天氣涼的時候,或者凍手凍腳的時候~
Time of Update: 2017-01-19
網頁中有時候需要獲得圖片的寬度和高度,來定義某些大小,可是這個是需要從服務端請求圖片,下載到本地才能夠得到的,有些js或者jquery代碼在還沒有載入完圖片時就執行了。怎麼辦呢?jquery提供一個方法: 複製代碼 代碼如下: 01.$("").load(function(){...}); 其中選取器是圖片的id或class,function裡面的方法就是回呼函數,在圖片載入完成後執行,但是我實驗了很多,壓根兒不是那麼回事,正確的解決方案是: 用js的onload方法: 複製代碼 代碼如下:
Time of Update: 2017-01-19
蒙板是兩個div,其中popWindow樣式的div用於遮住整個頁面,並半透明。maskLayer 在popWindow上面,用於顯示蒙板的資訊,比如“載入中……“ 複製代碼 代碼如下: <html> <head> <style type="text/css"> .popWindow { background-color:#9D9D9D; width: 100%; height: 100%; left: 0; top: 0; filter:
Time of Update: 2017-01-19
本文執行個體講述了jQuery使用hide方法隱藏頁面上指定元素的方法。分享給大家供大家參考。具體如下:下面的JS程式碼後置了網頁中所有<p>標籤的內容<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(
Time of Update: 2017-01-19
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 時間為目前時間 複製代碼 代碼如下: //1.2013-4-9 11:21:32 //2.2013年4月9日 11點21分32秒 //3.2013年4月9日 上午11點21分32秒 //4.2013年4月9日 下午13點21分32秒 /* var thedate = new Date(); alert(thedate.getFullYear() + '-' + thedate.getMonth() + '-' +
Time of Update: 2017-01-19
ie9都不支援websocket,何況ie6,但是websocket能開發那麼酷的功能,怎麼能讓ie攔住我們的腳步? 但是怎麼辦? 用flash封裝吧 具體的flash代碼如下: 複製代碼 代碼如下: package { import flash.display.Stage; import flash.display.Sprite; import flash.events.*; import flash.external.ExternalInterface; import
Time of Update: 2017-01-19
window.open是javascript函數,該函數的作用是開啟一個新視窗或這改變原來的視窗,不過一般用來的是開啟新視窗,因為修改原來的網頁地址,可以有另一個函數,那就是window.location,他可以重新導向網頁地址,使網頁跳轉到另一個頁面。
Time of Update: 2017-01-19
本文執行個體講述了jQuery使用addClass()方法給元素添加多個class樣式的方法。分享給大家供大家參考。具體如下:jQuery通過addClass()方法給元素添加多個class,只需要在添加的class中用空格分開多個class既可<!DOCTYPE html><html><head><script
Time of Update: 2017-01-19
有時做了一些東西沒有記錄,而過一段時間再看的時候,有會忘記了。需要在重新在看一遍。百度地圖javascript api可以參考 http://developer.baidu.com/map/reference/ 樣本:http://developer.baidu.com/map/jsdemo.htm更多百度地圖的介紹http://www.cnblogs.com/milkmap/tag/%E5%9C%B0%E5%9B%BEAPI/ 裡面介紹的非常詳細。
Time of Update: 2017-01-19
Lazy Load 是一個用 JavaScript 編寫的 jQuery 外掛程式. 它可以消極式載入長頁面中的圖片. 在瀏覽器可視地區外的圖片不會被載入, 直到使用者將頁面滾動到它們所在的位置. 這與圖片預先載入的處理方式正好是相反的.在包含很多大圖片長頁面中消極式載入圖片可以加快頁面載入速度. 瀏覽器將會在載入可見圖片之後即進入就緒狀態. 在某些情況下還可以協助降低伺服器負擔.怎樣使用?Lazy Load 依賴於 jQuery. 請將下列代碼加入頁面 head 地區:複製代碼
Time of Update: 2017-01-19
jQuery是指令碼庫, 而不是指令碼架構. "庫"不等於"架構", 比如"System程式集"是類庫,而"ASP.NET MVC"是架構. jQuery並不能協助我們解決指令碼的引用管理和功能管理,這些都是指令碼架構要做的事.指令碼庫能夠協助我們完成編碼邏輯,實現業務功能. 使用jQuery將極大的提高編寫javascript代碼的效率, 讓寫出來的代碼更加優雅, 更加健壯.
Time of Update: 2017-01-19
做web的同學們經常會碰到客戶上傳圖片將網頁內容區撐破了的情況,下面就這個問題我們一種如何使用js處理這個問題的方法,具體思路就是在js判斷用戶端的圖片下載完畢之後適時的對該圖片的寬度或者高度做一些處理,js處理圖片主要是利用js中Image對象,通過 onload 事件和 onreadystatechange 來進行判斷。 (1)第一中方法,通過onload事件,比如: 複製代碼 代碼如下:<script type="text/javascript">var obj=new