其他

在資料統計和分析業務中，有時會遇到客戶需要在一個圖表中將柱狀圖、餅狀圖、曲線圖的都體現出來，即可以從柱狀圖中看出具體資料、又能從曲線圖中看出變化趨勢，還能從餅狀圖中看出各部分資料比重。Highcharts可以輕鬆實現三圖合一的效果。複製代碼 代碼如下:var chart;            $(document).ready(function()

今天為大家帶來一款滑鼠經過當前高亮其它變暗jQuery外掛程式jFade,此款外掛程式能實現的功能簡單而且很實用，當滑鼠經過圖片列表或是文字列表時懸停當前高亮顯示，其它圖片列表變暗反白滑鼠當前懸停。複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

html5原生支援placeholder，對於不支援的瀏覽器（ie），可用js類比實現。 js代碼 複製代碼 代碼如下: (function(){ //判斷是否支援placeholder function isPlaceholer(){ var input = document.createElement('input'); return "placeholder" in input; } //不支援的代碼 if(!isPlaceholer()){ //建立一個類 function

我們時常在使用png圖片的時候，在ie6下發生背景不透明的問題，下面給大家介紹下一個js解決的方式。 首先我們要用到一個js，代碼如下： 複製代碼 代碼如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL:

js代碼有一百多行。先上效果圖 html代碼日期： <input type="text" id="dateInputer" class="hhm-dateInputer" placeholder="請輸入日期">設定input元素類名為 hhm-dateInputer,通過這個類來綁定這個日期輸入控制項。js代碼這裡應用了jQuery的庫， 主要用於選擇元素和綁定事件。複製代碼 代碼如下:<script

本文執行個體講述了jQuery實現字串按指定長度加入特定內容的方法。分享給大家供大家參考。具體分析如下：最近的一個項目中需要將手機號碼按一定長度用標識符隔開，便於閱讀，網上找了一會發現沒有合適的代碼於是就自己手寫了一個函數，可以按指定長度往字串中插入分隔字元，有需要的朋友可以拿去。var split_str=false;function insert_flg(str,flg,sn){ str=str.replace(new RegExp(flg,"g"),""); var newstr=""

複製代碼 代碼如下: <script language="javascript" type="text/javascript"> //防止js檔案快取下來，以後更新時不再需要使用者重新刪除IE檔案等操作。 var now=new Date(); var number =

項目做完，在測實驗收時，使用者突然提出，可以更改查詢結果，便於列印。隱藏工程錯誤。但是這個時候提要求，比較頭痛，後來，想了想還是用前台代碼，這樣，只要在項目的JS檔案中，加入以下幾個函數，便可以解決了。 複製代碼 代碼如下: /* 頁面裝載時，為每個td增加單擊事件，這樣，就可以不用對每個頁面變更。 */ function ReWritable() { var tbmian=document.getElementById("tbmain"); for(var

本文執行個體講述了jQuery類比新浪微博首頁滾動效果的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!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>&

本文執行個體講述了jQuery實現統計輸入文字個數的方法。分享給大家供大家參考。具體如下：jQuery統計輸入文字個數可以使用在統計回複字數，標題字數長度提示，增加友好度提高使用者體驗。代碼如下： 複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"

用JavaScript重新整理上級頁面和當前頁面 複製代碼 代碼如下: <script type="text/javascript"> //重新整理上級頁面 //window.parent.main.document.location.reload(); //重新整理當前頁面 document.location.reload(); </script>

複製代碼 代碼如下: <script language="Javascript" type="text/javascript"> //屏蔽滑鼠右鍵、Ctrl+N、Shift+F10、F11、F5重新整理、退格鍵 function document.oncontextmenu() { event.returnValue = false; } //屏蔽滑鼠右鍵 function window.onhelp() { return false } //屏蔽F1協助 function

方法一：複製代碼 代碼如下:function checkRe(checkid) { var id = window.parent.getQry("ctrid") + "_"; var values = window.parent.opener.document.getElementById(id + "txt_dept_name").value; var keys = window.parent.opener.document.getElementById(id +

具體代碼如下： 複製代碼 代碼如下: <!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> <title>code.js.cn </title> &

本文執行個體講述了jQuery實現高亮顯示的方法。分享給大家供大家參考。具體如下：主要功能代碼如下：var v = window.location.pathname; $(".hd ul li a").each(function (i) { var vherf = $(this).attr("href"); if (v == vherf) { $(".hd ul li").eq(i).addClass("on") } else { $(".hd ul

本文執行個體講述了jQuery實現3D文字特效的方法。分享給大家供大家參考。具體如下：這款基於jQuery的3D文字特效示範，不是真正的3D，是由多個文字形成的3D效果，如果首次載入網頁出錯的話，請重新整理一下頁面，當然在使用中不會出現此問題。複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

本文執行個體講述了jQuery實現行文字連結提示效果的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了jQuery仿Flash上下翻動的中英文導覽功能表的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了jQuery隨機密碼產生的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:$.extend({   password: function (length, special) {    var iteration = 0;    var password = "";    var randomNumber;   

在高版本的jquery引入prop方法後，什麼時候該用prop？什麼時候用attr？它們兩個之間有什麼區別？這些問題就出現了。關於它們兩個的區別，網上的答案很多。這裡談談我的心得，我的心得很簡單： • 對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。 • 對於HTML元素我們自己自訂的DOM屬性，在處理時，使用attr方法。上面的描述也許有點模糊，舉幾個例子就知道了。 複製代碼 代碼如下:<a