其他

很多公司的前端設計開發人員都是女孩子，而這些女孩子很多JavaScript技能都不是很好。而前端開發過程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在為某個JavaScript效果發愁的時候，你瀟洒的過去，然後對她說：“嗨，美女，用這個吧。這是我寫的一個jQuery外掛程式。”我想基本上你的人生大事就能很快解決。 先想好做個什麼功能

複製代碼 代碼如下:/* * Copyright (c) 2010 劉建華 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: <div style="height:1000px">demo</div> <div id="demo" style="height:50px;

1. Javascript 返回上一頁 history.go(-1), 返回兩個頁面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一頁 4. window.history.go(返回第幾頁,也可以使用訪問過的URL) 例: <a href="javascript:history.go(-1);">向上一頁</a> response.Write("<script language=

控制項類代碼： 複製代碼 代碼如下:using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO;

用戶端代碼寫法： 在頁面Head部分加入初始時間 複製代碼 代碼如下:<script language=javascript> var t1 = new Date().getTime(); </script> 在Body中加入 複製代碼 代碼如下:<SCRIPT LANGUAGE="JavaScript"> window.onload = function() { document.getElementById("TimeShow").innerHTML =

本版本遵循了2.0的寫法，此處通過extend方法封裝了需要設定的各個選項，比起2.0版本的代碼要精簡了一些。 　　 2.0版本 複製代碼 代碼如下://設定外掛程式基本資料 var options = o || {}; options.width = o.width || 300; //提示框寬度若小於104px則自動重設為200px if (options.height > 104) { options.height = o.height; } else {

改進的代碼部分主要如下： 1、建立default.css檔案: 代碼 複製代碼 代碼如下:img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid #

外掛程式需求 1，向左或者右移動列表中的元素.(注，上下方向也一樣的，用css控制列表元素float的方向即可～) 2，滑鼠移動到某個元素上時，改元素反白(css控制)，播放器停止滾動。移開後繼續跑馬。。 3，可選左右手工導覽按鈕。 實現原理 移動列表末尾元素到第一個元素前面即可。 將來的擴充(以後用到的話再看吧) 多個元素同時移動；移動時的效果；移動後的回呼函數；（註：利用移動後的回呼函數可以方便做一個相簿外掛程式，有興趣的自己寫下）。做開發的人要記住一句話：Do the simplest

Ext.MessageBox.confirm()詳解 顯示一個確認對話方塊，用來代替JavaScript標準的confirm()方法，具有兩個按鈕“是”和“否”如果為其提供一個回呼函數，則該函數將在單擊按鈕後被調用(包括右上方的推出按鈕)，所單擊按鈕的id將被作為唯一的參數傳遞到回呼函數中。 調用格式： confirm(String title,String msg,[function fn],[Object scope]) 參數說明：

想著自己學習Javascript，以及Ajax、jQuery等已經有一段時間了，不過貌似還沒有寫過一個外掛程式，看到jQuery官網上那麼多令人眼前一亮的外掛程式，自己今天也動心說是不是能夠寫一個類似的外掛程式來瞧瞧，瞭解了jQuery外掛程式的基本格式，理一下基本的思路，動工吧。。。 　　這個DivAlert外掛程式，顧名思義就是頁面彈出框，也就相當於Winform裡面MessageBox.Show()那樣的東西。 　　首先，我們來定義一下一些最基本的參數： 外掛程式初始化 複製代碼

一. 先對jQuery製作方式，jQuery為開發擴充提拱了兩個方法，分別是： jQuery.extend(object); 為擴充jQuery類本身.為類添加新的方法。 jQuery.fn.extend(object);給jQuery對象添加方法。 1.1、jQuery.fn.extend(object): 可以參靠jquery參考手冊的連個例子： 複製代碼 代碼如下:$.fn.extend({ check: function() { return this.each(function() {

複製代碼 代碼如下:Ext.onReady(function() { Ext.Msg.alert('提示', '逗號分隔參數列表'); //這種方式非常常見的 }); ： 複製代碼 代碼如下:Ext.onReady(function() { //定義 JSON(設定物件) var config = { title:'提示', msg: 'JSON配置方式，簡單吧' } Ext.Msg.show(config); }); ：

html代碼: 複製代碼 代碼如下:<div class="details"> <ul class="tab"><li class="on" rel="a1"><b>設定檔</b></li><li rel="a2"><b>帳號維護</b></li><li rel="a3"><b>在來個</b></li><li><

複製代碼 代碼如下:$(document).ready(function(){ $('#tabs').tabs({add:addEventHandler}); //給tabs塊綁定addEventHandler事件 $('#newtabs').click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter > 6){ alert('tabs can not more than 6!'); return; } $(

在實際應用過程中，只要保證選項卡模組結構代碼的完整性，就可以任意添加N個同類選項卡，不需要手動在HTML裡綁定事件處理常式以及給要隱藏顯示的內容層添加ID。 Javascript（jquery）代碼如下： 複製代碼 代碼如下:<script language="javascript" type="text/javascript"> $(document).ready(function(){ $("ul.menu li:first-child").addClass("current")

jQuery EasyUI是一組基於jQuery的UI外掛程式集合，而jQuery EasyUI的目標就是協助web開發人員更輕鬆的打造出功能豐富並且美觀的UI介面。開發人員不需要編寫複雜的javascript，也不需要對css樣式有深入的瞭解，開發人員需要瞭解的只有一些簡單的html標籤。 jQuery

prototype它是用Javascript寫好的一些API，包括對Javascript中的類如String，Array等進行的擴充，把JS檔案嵌入後直接用就行了.複製代碼 代碼如下:String.prototype.strLen = function() { var len = 0; for (var i = 0; i < this.length; i++) { if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0)

介紹的是基於JQuery實現的一個選項卡效果，重點體現在HTML裡沒有內聯事件處理常式，而是定義在js檔案裡，做到行為與結構的分離。在實際應用過程中，只 要保證選項卡模組結構代碼的完整性，就可以任意添加N個同類選項卡，不需要手動在HTML裡綁定事件處理常式以及給要隱藏顯示的內容層添加ID。 在這裡，我又做了部分的修改，增加了選項卡可自動切換功能，以及選項卡點擊相應還是滑鼠放上後相應的參數，同時依然支援多次調用。 現在，我把代碼貼上，與眾博友共用 這是js指令碼 複製代碼 代碼如下:/*

官方網站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete 目前的版本：1.1 需要JQuery版本：1.2.6+ 首先是最重要的方法 autocomplete( url or data, [options] ) 第一個參數可以是數組或者url。options參數比較複雜： * minChars (Number): 在觸發autoComplete前使用者至少需要輸入的字元數.Default:

複製代碼 代碼如下:#flower { width:100px; font-size:12px; float:left; opacity:0.5; filter:alpha(opacity=50); } 定義一個id="flower"的div元素 並設定如上樣式,我們的目標就是通過javascript來擷取樣式的最終屬性 <div id="flower" >...</div> getStyle函數: 這裡用到了三個原型擴充