Time of Update: 2017-01-19
本文執行個體講述了js實現雙擊圖片放大單擊縮小的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>雙擊圖片放大,單擊縮小</title></head><body><SCRIPT LANGUAGE="JavaScript"
Time of Update: 2017-01-19
做過後端開發,尤其是使用過類似Django或者express對伺服器端的路由功能應該都比較熟悉,國外流行的部落格系統wordpress也是非常經典的路由實現案例。那麼,究竟什麼的路由呢,下面通過wordpress來簡單講一下。理解wordpress重寫規則的的都是知道,實際上任何一條url的訪問都是基於wordpress安裝目錄下的index.php(除了伺服器上已經存在檔案的訪問),當wordpress的固定連結是模式設定是會很明顯,例如文章的url是index.php?p=id,分類
Time of Update: 2017-01-19
本文執行個體講述了jQuery及JS實現迴圈中暫停方法。分享給大家供大家參考。具體分析如下:問題:jquery對數組進行迴圈,如果要求每次迴圈的時候暫停2秒鐘,在使用jQuery的.earch迴圈的時候,無論怎麼設定,都不會暫停。setTimeout也只是在第一次執行的時候暫停。原因猜測:js開始執行多線程?改進:改為setInterval來控制迴圈,達到數組最大值的時候,clearInterval取消迴圈。以下是jQuery代碼:<script
Time of Update: 2017-01-19
js中一般新開啟視窗很簡單直接window.open(url);就可以了,但是由於我希望傳遞參數到服務端,而且參數看起來很長一串,而且get方式的提交參數長度是有限制的,因此我有以下需求:1,js中實現post提交2,返回的頁面在新視窗顯示首先我是這麼做的:複製代碼 代碼如下: $.ajax({
Time of Update: 2017-01-19
純文字loading效果,可以自己定義顏色和速度複製代碼 代碼如下:/** Loading animation * Created by 黑と白の印記 on 15/03/11. */ function loading(element,lightColor,darkColor,speed,callback){ if(!element&&(!element.innerText||!element.textContent))
Time of Update: 2017-01-19
本文執行個體講述了JS控制網頁動態產生任意行列數表格的方法。分享給大家供大家參考。具體分析如下:這是一個非常簡單使用的JS線上產生表格的代碼效果通過JS功能代碼,直接輸入行數和列數就可以自動產生你需要的表格當然你也可以擴充JS代碼實現產生文字的各種形式複製代碼 代碼如下:<html><head><title>Js動態產生表格</title><style type="text/css">table{font-size:14px;}<
Time of Update: 2017-01-19
本文執行個體講述了JS實現點擊按鈕後架構內載入不同網頁的方法。分享給大家供大家參考。具體實現方法如下:<!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
本文執行個體講述了JS定義網頁表單提交(submit)的方法。分享給大家供大家參考。具體如下:這段代碼錶示網頁表單提交時不是提交到指定的頁面,而是執行一個特定的函數<script>function saveInfo() { localStorage.setItem("name",$("#name").val());}</script><form id=register onSubmit="return saveInfo()"> <label
Time of Update: 2017-01-19
本文執行個體講述了js實現點擊左右按鈕輪播圖片效果的方法。分享給大家供大家參考。具體實現方法如下:$(function () { var index = 1; var pPage = 1; var $v_citemss = $(".citemss"); var $v_show = $v_citemss.find("ul"); v_width = $v_citemss.width();//圖片展示區外圍div的大小
Time of Update: 2017-01-19
一、起因 最近支付的同事說,數字鍵台有些問題;在行動裝置上有時候比較難出現點(.) 和數字在一起的格局;因此,考慮到這種情況,就建議手寫個類比鍵盤了。花了一晚上的時間,寫了個簡單的鍵盤,基本能用。考慮到有的開發人員沒有使用juqery,就使用原生的js了。 Github地址:https://github.com/vczero/keyboard二、截圖如下三、體驗地址(需要點擊input才能彈出數字鍵台的哦)URL: http://vczero.github.io/num_key/index.
Time of Update: 2017-01-19
目前互連網對於網頁效果要求越來越高,不可避免的用到PNG圖片,PNG分為幾種格 式,PNG8 PNG24 PNG32,其中最常用的,也是顯示效果和大小比較適中的則是PNG24,支援半透明,透明,顏色也非常豐富,但由於咱們國人使用IE系列或以IE為核心系列的瀏覽器佔大多數,並且由於 WINDOWS XP在國內市場份額比較大,並且XP上好多人還在用IE6 IE7 IE8等瀏覽器,而這些瀏覽器對於PNG支援或多或少都有差距,IE6完全不支援PNG,IE7 IE8支援PNG不完全,在IE7
Time of Update: 2017-01-19
JScript 可以使用以下語句根據條件編譯變數的值控制指令碼的編譯。既可以使用 JScript 提供的變數,也可以使用 @set 指令或 /define 命令列選項定義自己的變數。@cc_on 啟用條件編譯支援。 @if 根據運算式的值,有條件地執行一組語句。 @set 建立使用條件編譯語句的變數。 @cc_on、@if 或 @set 語句啟用條件編譯。條件編譯的一些典型用途包括在
Time of Update: 2017-01-19
1.DOM:文件物件模型DOM(Document Object Model)定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現為帶有元素、屬性和文本的樹結構(節點樹)。2.DOM的一些常用的屬性 2.1 通過ID擷取元素 (1)文法:複製代碼 代碼如下:document.getElementById("id"); (2)作用:id就向一個人的身份證,我們可以通過尋找標籤的id來尋找標籤,然後進行相應的操作。 (3)注意:不要忘記寫document! 2.2
Time of Update: 2017-01-19
LABjs 是一個很小的 JavaScript 工具,用來根據需要載入 JavaScript 檔案,通過使用該工具可以提升頁面的效能,避免載入不需用到的 JavaScript 檔案,可以實現動態並行載入指令檔,以及管理載入指令檔的執行順序。簡單樣本$LAB.script("script1.js", "script2.js", "script3.js").block(function(){ // wait for all to load, then do something
Time of Update: 2017-01-19
本文執行個體講述了js實現的倒計時按鈕。分享給大家供大家參考。具體分析如下:效果圖如下:具體代碼如下:<span style="font-size: 14px;"><input type="button" value="確定"id="rulesubmit" /> <scripttypescripttype="text/javascript"> var secs = 3; var wait = secs * 1000; var update =
Time of Update: 2017-01-19
本文執行個體講述了js事件監聽器用法。分享給大家供大家參考。具體分析如下:1、當同一個對象使用.onclick的寫法觸發多個方法的時候,後一個方法會把前一個方法覆蓋掉,也就是說,在對象的onclick事件發生時,只會執行最後綁定的方法。而用事件監聽則不會有覆蓋的現象,每個綁定的事件都會被執行。如下:window.onload = function(){ var btn = document.getElementById("yuanEvent"); btn.onclick =
Time of Update: 2017-01-19
js數組元素的添加和刪除一直比較迷惑,今天終於找到詳細說明的資料了,先給個我測試的代碼^-^var arr = new Array();arr[0] = "aaa";arr[1] = "bbb";arr[2] =
Time of Update: 2017-01-19
本文執行個體講述了JS隨機調用指定函數的方法。分享給大家供大家參考。具體如下:本代碼通過隨機定時器調用指定函數,可達到間隔隨機時間之行指定的函數的目的function randRange(data) { var newTime = data[Math.floor(data.length * Math.random())]; return newTime;}function toggleSomething() { var timeArray = new Array(200, 30
Time of Update: 2017-01-19
本文執行個體講述了JS實現兩表格裡資料來迴轉移的方法。分享給大家供大家參考。具體分析如下:最近做項目裡用到了一個 兩個表格裡資料的來迴轉移,用JS稍微做了下,介面也沒有去弄很漂亮感覺寫得有點繁瑣了,有時間再改進哈<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.
Time of Update: 2017-01-19
這篇文章詳細介紹了JS拖拽外掛程式的實現步驟,主要從以下六步做詳細分析,具體內容如下:一、js拖拽外掛程式的原理二、根據原理實現的最基本效果三、代碼抽象與最佳化四、擴充:有效拖拽元素五、效能最佳化和總結六、jquery外掛程式化js拖拽是常見的網頁效果,本文將從零開始實現一個簡單的js外掛程式。一、js拖拽外掛程式的原理常見的拖拽操作是什麼樣的呢?整過過程大概有下面幾個步驟: 1、用滑鼠點擊被拖拽的元素 2、按住滑鼠不放,移動滑鼠 3、拖拽元素到一定位置,放開滑鼠這裡的過程涉及到三個dom