其他

密碼編譯演算法：使用HMAC-SHA1簽名方法複製代碼 代碼如下:    /**     * @brief 使用HMAC-SHA1演算法產生oauth_signature簽名值     *     * @param $key  密鑰     * @param $str  源串 &

1.用jquery實現時間計時器,從之前的某個時間段到現在距離多少天多少時多少分多少秒? html代碼: 複製代碼 代碼如下: <div id="times_wrap" class="time_num"> 距離現在時間： <div class="time_w"> <span id="time_d" class="time"> </span >天 <span id="time_h" class="time"> </span >

具體技術 1.使用GB編碼與UNICODE的轉換 2.數組關聯排序 注意：GB編碼 庫地址 http://demo.jb51.net/jslib/qswhGB2312.js 代碼（demo寫的很簡陋） 複製代碼 代碼如下: <script> //power by 毛絨貓貓 liuyutong@baidu.com var strGB="啊阿埃挨哎唉哀皚癌藹矮艾礙愛隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱襖傲奧懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙壩霸罷爸白柏百擺佰敗拜稗斑班搬

在web頁面開發時，我們經常會遇到下列情況： 1.一個標籤僅僅是要觸發onclick行為； 2.表現上要有滑鼠的pointer指標顯示,或者其他類似a標籤的視覺效果。 比如執行刪除操作時，為了避免誤操作，我們要彈出對話方塊讓使用者確定是否刪除。因此我們經常會用連結<a></a>形式代替<button> 觸發onclick事件。 代碼如下： 複製代碼 代碼如下: <script type="text/javascript"> function

---------------------GRID拖拽行的執行個體代碼  單行拖拽---------------------------------------複製代碼 代碼如下://建立第一個GRIDvar firstGrid = new Ext.grid.GridPanel({ddGroup : 'secondGridDdGroup',//這裡是第二個GRID的ddGroupstore       :

首先定義css樣式： 複製代碼 代碼如下: @media print { .noprint { display: none;color:green } } 對於不想列印的內容只用在標籤中加上 class=noprint即可，列印的時候客戶也不會看到頁面任何變化。 列印時調用 window.print(); 另外幾種js局部列印的方法： 移花接木： 列印的時候，把需要列印的內容替換成整個body內容（使用者會在列印的時候看到變化，客戶體驗不太好） 複製代碼 代碼如下: function

第一種：       在已經開啟的一個普通網頁上，點擊“全螢幕顯示”，然後進入該網頁對應的全螢幕模式。方法為：在網頁的<body>與</body>之間加入以下代碼：複製代碼 代碼如下:<form><input type="BUTTON" name="FullScreen" value="全螢幕顯示" onClick="window.open(document.location, 'big', '

本文執行個體講述了JS點選連結後慢慢展開隱藏著圖片的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<html><title>JS點選連結後，慢慢展開隱藏著的圖片</title><body><script language="JavaScript">var b=0;var c=true;function fade(){if(document.all);if(c == true){b+=3}if(b>294){c=

今天在做項目時，碰到一個問題，我需要展示多個checkbox複選框，而只能允許最多選6個。調試了老半天，終於出來了，代碼如下：<SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; } } </SCRIPT> <html&

摘要：　　對於前端開發我們最重要的工作就是相容性，系統的相容性，瀏覽器的相容性等等。今天分享一個我在項目中封裝的判斷作業系統與瀏覽器的方法。作業系統：var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return { isIpad : /ipad/.test(UserAgent), isIphone : /iphone os/.test(UserAgent),

複製代碼 代碼如下:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title></head><body><script language="JavaScript"> step=0 function

複製代碼 代碼如下:function square(num){    var total = num*num;//局部變數    return total;}var total = 50;//全域變數var number = square(20);alert(total);//結果為50function square(num){    total =

本文執行個體講述了js+cookies實現懸浮購物車的方法。分享給大家供大家參考。具體分析如下：在 “商品列表展示頁”做上 “懸浮的”與“DataList”結合的 “無重新整理購物車”，只需計算出總價，不必去單獨頁面結算。找了些資料修改了一下，整理樣本如下：gwc.js檔案如下：// JavaScript Document//計算單個小計 function EveryCount() { var

本文執行個體講述了JS實現自訂簡單網頁軟鍵盤效果。分享給大家供大家參考，具體如下：這是一款自訂的簡單點的網頁軟鍵盤，沒有使用任何控制項，僅是為了練習JavaScript編寫水平，安全性方面沒有過多考慮，有顧慮的可以不用，目的是學習，希望對您有用處。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-simple-web-keybord-style-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD

其實在ajax出現之前，web應用也可以是無重新整理的，那時大多通過IFrame來做到這一點。當然Ajax出現之後，人們一窩蜂地投奔Ajax 的陣營了，iFrame 就乏人問津了。但是用iFrame來實現無重新整理上傳檔案確實一個很好的選擇。解決辦法是通過一個隱藏的iframe來處理上傳操作我採用的是ReactJS,amazeui,nodejs1.html target指向iframe的name,就是把上傳後的操作交給iframe來處理.<form id="supplyformFile"

本文執行個體講述了js下拉選擇框與輸入框聯動實現添加選中值到輸入框的方法。分享給大家供大家參考。具體如下：這裡示範js下拉選擇框與輸入框聯動，直接添加選中值到輸入框中的效果。這種效果相信不少朋友見到過吧，省去使用者輸入的麻煩，這裡使用JS直接將值賦予輸入框，瞭解原理之後，可靈活運用，擴充出更多的特效來。運行截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-select-value-to-input-codes/具體代碼如下：<html><

本文執行個體講述了JS實現可拖曳、可關閉的彈窗效果。分享給大家供大家參考。具體如下：運行該執行個體，點擊文字，彈出一個視窗，其實是一個彈出層，這個彈出層可以隨滑鼠拖曳，另外，樣本示範了用本方法彈出文字層和彈出圖片層的具體代碼，請根據選擇使用哦。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-draw-close-able-alert-dlg-demo/具體代碼如下：<!DOCTYPE

Flowplayer 是一個開源（GPL 3的）WEB視頻播放器。您可以將該播放器嵌入您的網頁中，如果您是開發人員，您還可以自由定製和配置播放器相關參數以達到您要的播放效果。本文主要介紹Flowplayer的使用。查看示範   源碼下載Flowplayer支援播放flv、swf等流媒體以及圖片檔案，能夠非常流暢的播放視頻檔案，支援自訂配置和擴充。1、載入flowplayer.js在要播放視頻的頁面的head之間加入flowplayer.js。<script type="

本文執行個體講述了prototype架構中貨幣符號$用法。分享給大家供大家參考，具體如下：prototype是實現物件導向的一個重要工具，是javascript的一個不錯的架構。用jquery的人都知道，jquery中也有$貨幣符號，prototype中呢，也有$，他們有什麼區別呢。1、prototype中$()的用法prototype寫法 $("test") 或者 $$("#test"), 他相當於js中document.getElementById("test");jqueryp寫法 $("

2013年Bootstrap火了，2014年Bootstrap將繼續受到更多人的喜歡，它不僅擁有一套完整漂亮的UI，而且愛好者們為其開發擴充了很多有用的外掛程式和主題！讓其擁有無限可能！公司喜歡使用各種開源免費的架構，bootstrap就非常好用，而且架構布局很漂亮，用起來也很簡單。今天遇到要使用它的datepicker這個控制項。問題是：兩個時間點，分為開始時間和結束時間，結束時間必須在開始時間之後。於是一頓研究，從上午研究到3點才解決問題。總結了一下問題所在。主要原因是項目裡用的jquery