Time of Update: 2013-10-17
JS隨機顏色有很多地方要用到:比如大家看到很多標籤串連都是五顏六色。那就需要到這個了。下面開始: 方法思路總共有二。一是準備一組漂亮的候選顏色,二是隨機產生顏色。實現1複製代碼 代碼如下:var getRandomColor = function(){ return '#' +
Time of Update: 2013-10-17
aspx頁: 複製代碼 代碼如下: <script src="Jquery1.7.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#Checkbox1').click(function () { if ($('#Checkbox1').is(':checked')) { $('td input').attr('checked',
Time of Update: 2013-10-17
一款優秀的菜單對網站而言是非常重要的,它不僅可以讓使用者方便地找到想要的資訊,而且更讓人有一種特殊的使用者體驗。下面給大家分享7款風格新穎的jQuery/CSS3菜單導航,希望大家會喜歡。1、CSS3立體飄帶狀菜單CSS3立體飄帶狀菜單,該菜單滑鼠滑過時,功能表項目向上立體凸起,結合黑色的木質背景,整個菜單顯得非常立體生動。線上示範 /源碼下載2、CSS3設定檔導覽功能表該菜單是用來展示登入的使用者資訊,包括使用者的快捷操作按鈕,另外菜單還提供一個個人化的搜尋方塊。線上示範
Time of Update: 2013-10-17
眾所周知PHP中對時間類型資料可以直接轉換為時間戳記,那麼在前端指令碼js中,也有方法可以實現,就是valueOf()例如,我們可以通過這段代碼輸出目前時間點的時間戳記複製代碼 代碼如下:<script type="text/javascript"> document.write(new Date().valueOf());</script>那麼何為時間戳記呢?時間戳記就是從1970年1月1日0時0分0秒到目前時間點的所有秒數。1970.1.1 0:0:0
Time of Update: 2013-10-17
複製代碼 代碼如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $('#txtUserName').focus(function () { $('#txtUserName').val(''); }) $('#txtPassWord').focus(function () { $('#txtPassWord').val(''); })
Time of Update: 2013-10-17
蒙板是兩個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: 2013-10-17
複製代碼 代碼如下: <script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { var txtName = $('#txtName').val(); var gender = $('#gender').is(':checked') ? '男' : '女'; var isMarry = $('#isMarry').is(':checked') ? '已婚' : '未婚'; $(
Time of Update: 2013-10-17
複製代碼 代碼如下: function cls_marquee(id,id1,id2,sp){ this.obj_id=id; this.obj_id1=id1; this.obj_id2=id2; this.speed=sp; eval(this.obj_id2+".innerHTML="+this.obj_id1+".innerHTML"); function Marquee(){ if(eval(id2).offsetTop-eval(id).scrollTop<=0)
Time of Update: 2013-10-17
在這個小程式中,需要把images檔案夾片的命名設定為有順序的,1、2、3…… 複製代碼 代碼如下: <script type="text/javascript"> var imgnumb = 1; function imgfor() { imgnumb++; document.getElementById('img1').setAttribute('src', 'images/' + imgnumb + '.jpg'); if (imgnumb == 5) { //共5張圖片
Time of Update: 2013-10-17
在jQuery中,有幾種方式可以判斷一個對象是否是數字,或者可否轉換為數字。首先,jQuery.isNaN()在最新版本中已經被移除了(1.7之後),取而代之的是 jQuery.isNumeric ()。這並不奇怪,因為jQuery.isNaN() 同Javascript內建的isNaN()名字相同,但是語義卻不完全相同,在一定意義上會造成歧義。 jQuery.isNumeric ()有著與其相似的功能,同時也解決了歧義問題。jQuery.isNumeric
Time of Update: 2013-10-17
Extjs 本身是一個載入慢的JS架構,這個需要程式員的多去最佳化,之前說過了JS的打包的最佳化 這次來寫寫怎麼減少冗餘代碼,也是提高運行速度,包含了1、刪除代碼通用2、提交表單通用3、初始化Gird通用化 本次唯寫 刪除代碼最佳化 先貼出代碼 複製代碼 代碼如下: /** * 擷取個GridPanel的選擇的記錄 */ function $getGdSelectedIds(grid, idName) { var selRs =
Time of Update: 2013-10-17
----------------------------------js去空格----------------------------------去除字串左右兩端的空格,在vbscript裡面可以輕鬆地使用 trim、ltrim 或 rtrim,但在js中卻沒有這3個內建方法,需要手工編寫。下面的實現方法是用到了Regex,效率不錯,並把這三個方法加入String對象的內建方法中去。 寫成類的方法格式如下:(str.trim();) <script
Time of Update: 2013-10-17
層次選取器:$('div p');//選取div下的所有的p元素$('div>p').css('border','1px solid red');//只選取div下的直接子項目//相鄰的元素$('div ~ p).css('border','1px solid red');與$('div').nextAll('p')等價;//表示div後面的所有p兄弟元素$('div ~ *').css('border','1px solid red');//表示div後面的所有兄弟元素$('div
Time of Update: 2013-10-17
JavaScript 中的 typeof 其實非常複雜,它可以用來做很多事情,但同時也有很多怪異的表現。 本文列舉出了它的多個用法,而且還指出了存在的問題以及解決辦法。閱讀本文的前提是,你現在應該已經知道原始值和對象值的區別了。檢查一個變數是否存在,是否有值typeof在兩種情況下會返回 "undefined":1.變數沒有被聲明2.變數的值是 undefined例如:複製代碼 代碼如下:> typeof undeclaredVariable === "undefined"true>
Time of Update: 2013-10-17
一、DOMDOM: DOM= Document Object Model,文件物件模型,DOM可以以一種獨立於平台和語言的方式訪問和修改一個文檔的內容和結構。換句話說,這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要,DOM的設計是以對象管理組織(OMG)的規約為基礎的,因此可以用於任何程式設計語言.D:文檔 – html 文檔 或 xml 文檔O:對象 – document 對象的屬性和方法M:模型DOM
Time of Update: 2013-10-17
編寫XHTML代碼的規則要比編寫HTML要嚴格得多,類似下面的代碼在HTML中是有效,但在XHTML中則是無效的。 [javascript] 複製代碼 代碼如下: <script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is less then b"); } else if(a > b) { alert("a is greater then b"); } else {
Time of Update: 2013-10-17
最近做了一個關於稅務的功能,值得一說的是本頁面的滑塊實現。大家都知道現實中的程式員大部分都是對於頁面和美工不是很熟悉。 本人也是,但是本人比較喜歡自己動手來實現。廢話不多說。: 實現結果: 部分js代碼: 複製代碼 代碼如下: window.onload = function () { var oWin = document.getElementById("win"); var bDrag = false; var disX = disY = 0; oWin.onmousedown =
Time of Update: 2013-10-17
複製代碼 代碼如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" /><link href="jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet"
Time of Update: 2013-10-17
在web開發中我們一般都會不可避免的使用js。我們可以將js代碼直接放在頁面中即通過內部使用js。但是為了給頁面良好的"瘦身"我們一般都會將js代碼放在外部,然後通過src引用。這個時候我們就需要注意一個問題:編碼問題。如果web頁面也js採用不同編碼,這個時候就會出現亂碼。(內部使用js不需要注意編碼問題,因為他們採用的是同一種編碼) 對於大多數的web頁面,我們一般都是使用如下兩種編碼:UTF-8、GB2312。所以我們只需要同意頁面和js編碼就可以解決亂碼問題:
Time of Update: 2013-10-17
layout就是一個布局面板:也就是布局的容器,有五個布局地區:北部,南部,東部,西部和中心。其中中心地區面板是必需的,但中心地區面板邊緣地區面板是可選的。通過拖動它的邊框,面板,可以調整每一個邊緣地區。可以嵌套的布局,以便使用者可以建立複雜的布局。 如果想要各個地區中的架構隨架構的大小改變,請嵌套到layout架構中;複製代碼 代碼如下:<script type="text/javascript"> &