Mootools 1.2教程 選項卡效果(Tabs)
簡單的“額外信息”標(biāo)簽(TAB) 鼠標(biāo)移上去顯示內(nèi)容的TAB 在這第一個項目中,我們要創(chuàng)建一個簡單的菜單,當(dāng)鼠標(biāo)移動到這些菜單上時顯示相應(yīng)的內(nèi)容。首先,我們來完成HTML代碼――我們就用包含四個列表項的ul好了,然后再創(chuàng)建四個...
|
簡單的“額外信息”標(biāo)簽(TAB) 鼠標(biāo)移上去顯示內(nèi)容的TAB 在這第一個項目中,我們要創(chuàng)建一個簡單的菜單,當(dāng)鼠標(biāo)移動到這些菜單上時顯示相應(yīng)的內(nèi)容。首先,我們來完成HTML代碼――我們就用包含四個列表項的ul好了,然后再創(chuàng)建四個...
我們還將仔細(xì)學(xué)習(xí)一下工具提示的選項和事件,還有一些用來從元素上添加和移除工具提示的工具。最后,我們將學(xué)習(xí)一下怎么讓一個頁面有多個不同樣式的工具提示。 基礎(chǔ)知識 創(chuàng)建一個新的工具提示 創(chuàng)建一個新的工具提示非常...
這在你給多個元素添加有相同選項的形變動畫時非常有用。就像我們在第20講中看到的最后一個例子一樣。 基本用法 使用Fx.Elements的方法看起來和Fx.Morph差不多。這兩者之間的區(qū)別在于.start({})方法和.set({})方法。...
Fdream注:原文好像少了一部分,因此我自作主張地補充了下面這一段及BaseClass的代碼。 在今天的教程中,我們將主要學(xué)習(xí)一下MooTools中類的實現(xiàn)和繼承(擴展)。通過實現(xiàn)和繼承,我們可以在子類中使用父類的方法,而不需要再重新聲...
復(fù)制代碼 代碼如下:document.write('<scr'+'ipt src="http://a.com/b.js" type="text/javascript"></scr'+'ipt>');
直到被殺毒軟件提示有惡意代碼才發(fā)現(xiàn)這也是不安全的,汗……
那就只好改成這樣了: 復(fù)制代碼 代碼...
基本用法 就像我們前面看過的所有類一樣,我們在把這個類應(yīng)用到一個元素上面時,我們要做的第一件事就是初始化一個新的Fx.Slide實例。 首先,讓我們?yōu)榛瑒釉亟⒁粋€HTML文件。 參考代碼: 復(fù)制代碼 代碼如下: <div id="sl...
為了清晰起見,下面用最簡單的HTML和JavaScript來說明。有這么一段HTML(head部分是標(biāo)準(zhǔn)的head,doctype使用xhtml-transitional的DTD): 復(fù)制代碼 代碼如下:<body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540...
檢測瀏覽器及其版本的代碼 復(fù)制代碼 代碼如下: getBrowser : function(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: 'unknown', versi...
問題:做一個帶拖動的彈出層效果(像提示框那種) 先寫了一半,明天繼續(xù)奮斗: javascript 彈出層居中效果的制作 * { padding:0; margin:0; list-style:none; } body { font-family:Verdana, Geneva, sans-serif; f...
ExtJS是一套完整的RIA解決方案,也因為功能完整造成了ext-all.js有400多k,由于是基于JS和CSS的功能實現(xiàn),對客戶端機器性能也有一定的要求,即不支持IE6以下的版本。如果您的項目對網(wǎng)頁響應(yīng)時間有嚴(yán)格的限制,或者客戶端操作...
第一種:逐個字符串相加 復(fù)制代碼 代碼如下:var arr = ['item 1', 'item 2', 'item 3', ...], list = ''; for (var i = 0, l = arr.length; i < l; i++) { list += '<li>' + arr[i] + ''; } list = '<ul>'...
菜鳥版代碼如下: 理解這段代碼就基本上掌握了 復(fù)制代碼 代碼如下:function f_s() { var obj = document.getElementById("top"); obj.style.display = "block"; obj.style.height = "1px";
var sw = function () {...
復(fù)制代碼 代碼如下: <script type="text/javascript"> var today=new Date(); //定義當(dāng)天日期對象 var year = today.getYear(); //獲取年份 var month = today.getMonth(); //獲取月份 var date = today.getDate();...
1、背景 Javascript中的回調(diào)函數(shù),相信大家都不陌生,最明顯的例子是做Ajax請求時,提供的回調(diào)函數(shù), 實際上DOM節(jié)點的事件處理方法(onclick,ondblclick等)也是回調(diào)函數(shù)。 在使用DWR的時候,回調(diào)函數(shù)可以作為第一個或者最后一個參...
1. 函數(shù)的定義和調(diào)用 在JavaScript中,定義函數(shù)最常用的方法就是調(diào)用function語句。該語句是由function關(guān)鍵字構(gòu)成的,它后面緊跟的是: Ø 函數(shù)名 Ø 一個用括號的參數(shù)列表,參數(shù)是可選的,參數(shù)是用逗號分隔開 &Os...
1. 關(guān)于JavaScript簡單介紹 Ø 在網(wǎng)絡(luò)或書籍所說的JavaScript大部分指客戶端JavaScript。 Ø JavaScript是一種輕量型、解釋型、面向?qū)ο蟮木幊陶Z言。 Ø JavaScript特性 1) 控制文檔的外觀和內(nèi)容...
復(fù)制代碼 代碼如下: <script> //定義一個javascript類 function JsClass(privateParam/* */,publicParam){//構(gòu)造函數(shù) var priMember = privateParam; //私有變量 this.pubMember = publicParam; //公共變量 //定義私...
拖動分頁 body{ border:0px; margin:0px; overflow:hidden; background-color:transparent; font-family:宋體; } .page{ position:absolute; width:700px; border:1px solid #999; background-color:#000; left:...
目前 javascript的實現(xiàn)繼承方式并不是通過“extend”關(guān)鍵字來實現(xiàn)的,而是通過 constructor function和prototype屬性來實現(xiàn)繼承。首先我們創(chuàng)建一個animal 類
js 代碼 復(fù)制代碼 代碼如下: var animal = function (){...
復(fù)制代碼 代碼如下: /* 工廠方式--- 創(chuàng)建并返回特定類型的對象的 工廠函數(shù) ( factory function ) */ function createCar(color,doors,mpg){ var tempCar = new Object; tempCar.color = color; tempCar.doors = doors;...
原因很簡單,在DOM中沒有id為msg_box的div標(biāo)簽,該怎么解決這個問題呢?方案: 在所有頁面公用的頭部文件header.tpl.html中寫入: 復(fù)制代碼 代碼如下: <script> function changMenu(index){ if(typeof getElementById("msg_bo...
腳本之家 腳本之家 腳本之家是一個專業(yè)的收集各類腳本學(xué)習(xí)資料的網(wǎng)站,盡量修正錯誤打造精品腳本類學(xué)習(xí)網(wǎng)站,我們?yōu)榇蠹矣螒蚰_本資源,源碼,軟件,asp,php,javascript等編程資料,是網(wǎng)頁制作,網(wǎng)絡(luò)編程,網(wǎng)站建設(shè)人士的...
1.本頁效果圖片 2.美化后的效果 #main{ width:100%; height:100%; } #inputs{ position:relative; top:50%; left:50%; } .inbutton{ width:30px; } .outbutton{ width:145px; text-align:right; } .tcente...
先列舉一下Ajax在Jquery和prototype中的實現(xiàn)。 Jquery: 復(fù)制代碼 代碼如下: <script language="javascript"> $(function(){ var box = {}; var remoteUrl = 'index.php'; box.interval = 5*60*1000;//5分鐘 box.showB...
1、concat方法 [作用] 將多個數(shù)組聯(lián)合起來,這個方法不會改變現(xiàn)存的數(shù)組,它只返回了所結(jié)合數(shù)組的一份拷貝。 [語法] arrayObj.concat(array1,array2,...) [實例] [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行] 2、...