Time of Update: 2013-10-16
作者: think8848(公司首頁: http://www.cleversoft.com, QQ: 166156888, Blog: http://think8848.cnblogs.com) 轉載請保留此資訊CleverTabs是一款jQuery外掛程式,所需jQuery版本:1.6.1,jQuery UI樣式版本:1.8.13;其功能為建立jQuery
Time of Update: 2013-10-16
呃。其實很簡單的東西啦。頁面的圖兩個列表都可以多選,實現如下效果:1、雙擊第一個列表中任意一個清單項目,實現向下添加2、雙擊第二個列表中任意一個清單項目,實現刪除,2、點擊按鈕,實現對應功能。Html代碼複製代碼 代碼如下: <form name="form1" method="post" action=""> <select id="select1" size="5" multiple style="width:100px " > <option value="1
Time of Update: 2013-10-16
javascrpit的基本概念: 1)區分大小寫 與JAVA一樣,JS中的變數,函數,運算子以及其他的一切東西都是區分大小寫,例如:變數MyTag與MYTAG是兩個不同的變數。 2)弱類型變更。所以謂弱類型變數指的是JS中變數無特定類型,不像C那樣。定義變數只用“var",並可以將其初始化為任意的值,這樣就可以隨便的改變變數所儲存資料的類型,不般不推薦; 例:var age=25; var myName="zhangsan"; 3) 每行結尾的分號可有可無; 例: var a=2 var b=3
Time of Update: 2013-10-16
學習使用 jQuery 建立一個確認對話方塊學習如何製作一個自動變換的投影片如何製作帶縮圖的全屏圖片畫廊學習使用 jQuery 製作立體效果的滑動相簿學習使用 jQuery 製作Google聖誕塗鴉學習使用 jQuery 製作縮圖預覽滑塊學習如何製作可愛的預覽圖庫學習使用 jQuery 製作帶動畫切換的表單學習使用 jQuery 製作作品縮放滑塊學習使用 jQuery 製作氣泡形的圖片畫廊學習使用 jQuery 製作有吸引力的照片效果學習使用 jQuery 製作遮罩效果的菜單學習使用
Time of Update: 2013-10-16
NVelocity的$與Jquery的$發生衝突時的解決方案有以下幾個: 1、 使用jQuery.noConflict。 如:var j = jQuery.noConflict(); j.ajax(); 缺點:當使用jQuery的相關外掛程式時,會使得外掛程式失效哦! 2、 使用jQuery代替$. 如:jQuery.ajax(); 缺點:不適合擴充,一旦替換成第三方庫時,那就麻煩大發 3、 wrap jQuery中的衝突方法。 如$.ajax()在Velocity中會衝突,則重新定義如下:
Time of Update: 2013-10-16
1.功能表列 清爽美觀的功能表列既能夠向使用者提供充分的迷人的內容,又能讓網站得體大方。 Cool Animated Menu 示範|下載2. tab 一個非常cool的tab既能夠節省空間的又能第一時間吸引使用者眼球,這是提高使用者體驗的重要手段。 Feature List示範|下載3. 登入/註冊 登入/註冊機制是鞏固老使用者和吸引新使用者的重要方式,人性化的登入/註冊機制才能為網站帶來越來越多的使用者。登入/註冊機制要注意細節,最好把登入和註冊放在一起,操作要便捷高效。 A Cool
Time of Update: 2013-10-16
以人為鏡,可知得失,看來這句話是很有道理的。 Demo 1 : 如果是一個全域的function,則this相當於window對象,在function裡定義的各種屬性或者方法可以在function外部存取到,前提是這個function需要被調用。 複製代碼 代碼如下: <script type="text/javascript"> //在function中使用this function a() { if (this == window) { alert("this ==
Time of Update: 2013-10-16
今天遇到個小問題, 在構建 DOM 時, IE 中不能通過 element.setAttribute('name', _variable); 和 element.name = _variable; 這樣的形式來為元素加上 name 屬性, 無論是 IE6 還是 IE7. (IE8 是可以的, 但 IE8rc1 不行) 後來我查看了 MSDN, 得到資訊如下: 複製代碼 代碼如下: Internet Explorer 8 and later can set the NAME attribute
Time of Update: 2013-10-16
這裡只闡述如何編寫自己的外掛程式,至於要實現什麼功能,要因人而異了...好了,下面開始... jQuery外掛程式主要分為三種 1、封裝對象方法的外掛程式 2、封裝全域函數的外掛程式 3、延伸選取器的外掛程式 這裡只編寫前倆種,即比較常見的.. 大多數外掛程式都是已這種形式編寫的: 複製代碼 代碼如下:(function ($) { /* 這裡放置代碼 */ })(jQuery); 這樣的好處是函數內部依然可以使用$作為jQuery的別名,而不影響到其他庫使用$
Time of Update: 2013-10-16
前邊也講過一個基於java的圖形報表,功能及外觀也不錯,但存在通用性的問題。所以我們來學一個具有易用性+相容性+可擴充性的js圖表外掛程式。 jqPlot是一款基於jquery類庫的表徵圖繪製外掛程式。通過jqPlot可以再網頁中繪製線狀、柱狀、餅狀等多種樣式圖表。而且,jqPlot具有外掛程式可擴充性(Pluggability),你可以編寫自己的圖表樣式。 官方地址:http://www.jqplot.com/功能概述: 有多種圖表樣式可供選擇 可以自訂日期軸線 可設定旋轉軸文字
Time of Update: 2013-10-16
這幾天在公司的通用管理後台,使用的左右架構結構,點擊左側,右側展開內容,項目中經常遇到左側二級或者三級的情況,以前都是使用dtree,但是發現dtree ,樣式及結構上不好控制 , 如果是動態資料,還要寫到cs檔案裡面 輸入字元,這樣不利於維護,時間久了自己都找不清了。、 於是今天自己寫了個輕量級的三級展開菜單,如果需要可以在增加一層級,一般公司的項目三級都足夠了。 簡介: div部分無需自己定義class 及ID,只要是如下的結構就可以了,資料可以是動態 也可以是靜態
Time of Update: 2013-10-16
1.DataTables線上例子2.tablesorter線上例子3.uiTableFilter線上例子4.columnHover線上例子5.Scrollable HTML線上例子6.columnManager線上例子7.Flexigrid線上例子8.Table Drag and Drop線上例子9.HeatColor線上例子10.JQTreeTable線上例子11.FireScope Grid線上例子12.Ingrid線上例子13.Animated Sortable Data Table –
Time of Update: 2013-10-16
如下 複製代碼 代碼如下: <div id="user"> jack</div> <script> alert(document.getElementById('user').innerHTML.length); </script> div[id=user]中的文本"jack"前有兩個英文空格,各瀏覽器下結果如下 IE6/7/8 : 彈出4,即忽略了空格 IE9/Firefox/Safari/Chrome/Opera : 彈出6,即沒有忽略空格
Time of Update: 2013-10-16
效果如下: 伺服器端複製代碼 代碼如下: package com.ljq.test; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.ServletException; import java.io.IOException; import
Time of Update: 2013-10-16
只要不衝突(例如id不能一樣),我寫了一個例子,利用頁面參數控制內部的元素id,互相載入自己。這是一個jsp頁面,代碼如下: 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" +
Time of Update: 2013-10-16
dreamweaver:
Time of Update: 2013-10-16
Html: 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet"
Time of Update: 2013-10-16
它們之間有區別嗎? 開發過程中似乎很少有人去加個額外的window,覺得多此一舉。比如Ajax過程中回呼函數解析JSON格式字串 複製代碼 代碼如下: ... function callback(str){ var json = eval('(' + str + ')'); } ... 通常直接使用eval,而非var json = window.eval('(' + str + ')');
Time of Update: 2013-10-16
(忘記是不是兩家郵箱都有這個功能)。 那這個功能是怎麼做的呢? 定時,我們知道怎麼弄,但儲存呢?也許我們會通過隱藏欄位等手段來存放資料。但是,這個卻有個缺點:那就是重新整理頁面後,資料將會丟失。 而此時,就該輪到我們很少關注,而且估計有不少人不知道的UserData 行為(userData Behavior)登場了: 而這個UserData是什嗎?怎麼用?,我將在文章最後轉載一篇介紹它的文章。 現在,我直接上例子,所謂無代碼,無真相嘛: 複製代碼 代碼如下: <!DOCTYPE html
Time of Update: 2013-10-16
JS對象之Table表格對象(摘抄) Table對象集合Table對象:表示HTML文檔中的表,對於文檔中每個<table>標記,瀏覽器都建立一個Table對象.集合描述cells[]擷取包含表格中所有儲存格的數組js 取行中列 複製代碼 代碼如下: var tbodyObj = document.getElementById(tbodyID); tbodyObj.rows[rowID].cells[colID].innerText = "abcd";