10個令人驚奇的HTML5和JavaScript效果

10款令人驚奇的HTML5和javascript效果。回到幾年前,這些效果是根本不可能實現,只能用flash做,但是現在,已經很輕鬆的就可以實現了。1. Breathing Galaxies使用鍵盤來改變形狀中的線條樣式,或移動滑鼠來建立一個新的形狀。查看:http://mudcu.be/labs/JS1k/BreathingGalaxies.html2. Noise

一種常用效果的實現(javascript的子父頁訪問、函數調用)

訪問|函數 效果:比如一個裝置管理系統的某處要填入裝置編號,但裝置編號通常比較難記,而可能記住的只是哪個部門哪個位置的裝置。因此,我們想在文字框旁邊加一個按鈕,點擊之後彈出一個子頁面,這裡有裝置編號、裝置的各項詳情對照的一個表格,我只要根據位置找到該裝置,雙擊此記錄,裝置編號便填上去了。實現過程:父頁面開啟新視窗的javascript函數為:    function openpage(htmlurl)

Javascript面試題

文章簡介:Javascript面試題. 要求:1、只能在指定的位置填寫自己的代碼,本檔案裡的其他代碼不能修改2、所有題目都不允許添加全域變數名3、本檔案應該能在firebug的console裡正常執行,並輸出結果4、代碼最佳化,效率最高5、代碼注釋明確練習1:實現一個遍曆數組或對象裡所有成員的迭代器。var each = function(obj, fn){         //++++++++

javascript設計網頁中的下拉式功能表

菜單|設計|網頁|下拉   在網頁製作時,為了更好地組織資訊,使顯示的資訊分類明確、層次清晰,網頁製作者往往費盡心機。常用的方法有用樹型結構顯示資訊,用表格進行網頁布局,用架構(frame)組織頁面等等。但對於習慣了Windows作業系統的使用者來說,利用菜單操作可以算是最自然的方法了。下面我們就來看一下怎樣在網頁中設計下拉式菜單。   下拉式菜單由若干個顯示在視窗頂部的主菜單條和各個菜單條下面的子功能表組成。每個子功能表往往還包含幾個子功能表項。

動態網站導覽功能表:Javascript和jQuery導覽功能表教程

文章簡介:非常優秀的jQuery+CSS實現動態導覽功能表教程.

JavaScript函數調用規則

我希望通過這些來使你們理解各種函數調用方式的不同, 讓你的JavaScript代碼遠離bugs。 知道this的值是你避免bugs的第一步。 JavaScript函數調用規則一  (1)全域函數調用:function makeArray( arg1, arg2 ){    return [this , arg1 , arg2

用Regex和javascript對錶單進行全面驗證

javascript|正則 代碼:<!--使用時請將下面的javascript代碼存到一個單一的js檔案中。1、表單要求 <form name="formname"

二級產品分類Javascript

javascript <script language="javascript">var onecount; onecount=0; subcat = new Array(); subcat[0] = new Array("歐式","傢具","歐式"); subcat[1] = new Array("法式","傢具","法式"); subcat[2] = new Array("中式","傢具","中式"); subcat[3] =

判斷瀏覽器是否支援javascript和Cookies

cookie|cookies|瀏覽器   判斷訪問者的瀏覽器是否支援javascript和Cookies  許多網站需要用戶端做許多複雜的工作,比如:用用戶端 JavaScript 進行資料合法性校正,這需要客戶瀏覽器的JavaScript enabled;使用 Session 變數記錄身份等資訊,需要瀏覽器 Cookies

值得收藏的幾個有用的Javascript指令碼

javascript|指令碼 用javascript對中文的unicode編碼和反編碼 <script> function unicode(s){ var len=s.length; var rs=""; for(var i=0;i<len;i++){ var k=s.substring(i,i+1); rs+="&#"+s.charCodeAt(i)+";"; } return rs; } function

通過JAVAScript實現頁面自適應

javascript|頁面|自適應    

JavaScript類和內建對象

javascript|對象|內建對象

JavaScript中處理事件之單擊事件onClick

javascript 單擊事件onClick當使用者單擊滑鼠按鍵時,產生onClick事件。同時onClick指定的事件處理常式或代碼將被調用執行。通常在下列基本對象中產生:button(按鈕對象)checkbox(複選框)或(檢查列表框)radio (單選鈕)reset buttons(重要按鈕)submit

javascript showModalDialog傳值與FireFox的window.open 父子視窗傳值樣本第1/2頁_javascript技巧

先簡單介紹一下基本知識: 一、window.open()支援環境: Java1.0+/J1.0+/Nav2+/IE3+/Opera3+ 二、基本文法: window.open(pageURL,name,parameters) 其中: pageURL 為子視窗路徑 name 為子視窗控制代碼 parameters 為視窗參數(各參數用逗號分隔) 三、各項參數 其中yes/no也可使用1/0;pixel value為具體的數值,單位象素。 參數 | 取值範圍 | 說明 alwaysLowered |

javascript 定時廣告顯示(兩個時間段) 原創

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]showit需要三個參數showit(str,start,end);str一般為廣告代碼例如"<a href='http://www.jb51.net'>指令碼之家</a>"start為開始日期,一般隨意 必須是"2009-08-02"這樣的格式end 為廣告到期時間 必須是"2009-08-02"這樣的格式 這個是很重要的,要不就不能顯示了,大家根據需要填寫。

Javascript 更新 JavaScript 數組的 uniq 方法

上次寫的一篇《JavaScript 數組的 uniq 方法》,發現代碼的問題還是存在。比如如果數組內有 undefined 元素就無法過濾等。 昨天看見 Lazy 兄弟重新更新了函數,現在他是這樣子寫的: Array.prototype.uniq = function() { var resultArr = [], returnArr = [], origLen = this.length, resultLen; function

How to Auto Include a Javascript File

Form: http://www.webreference.com/programming/javascript/mk/ Author:Mark Kahn Many developers have a large library of JavaScript code at their fingertips that they developed, their collegues developed, or that they've pieced together from scripts

JavascriptRegex測試網頁

你平時如何測試Regex?直接寫在大段的代碼中,然後等待程式運行到那裡,再用alert顯示結果?或者是臨時寫一個頁面,測試完成後把它丟掉? 你可以試一下我這個頁面,雖然它很粗糙,但是測試Regex也足夠了:)) 一、說明: 1. 我的本意為交流技術.本人水平很菜.因此所貼出的代碼中,會有不足之處. 2. 代碼可任意修改.如果你覺得你修改過的代碼比我的好,可將它貼出,我非常感謝. 3. 我對javascript的規範並不很熟悉.我的經驗來自於開發.因此,若你對它有更好的見解,歡迎提出,我非常感謝.

Bootstrap 原始碼分析(未完待續),bootstrap未完待續

Bootstrap 原始碼分析(未完待續),bootstrap未完待續Bootstrap 是最受歡迎的 HTML、CSS 和 JS 架構,用於開發響應式布局、行動裝置優先的 WEB 項目。—— Bootstrap 中文文檔 Bootstrap 因為支援響應式布局、行動裝置優先和易用易學等特點,使得它成為最受歡迎的前端開發架構。Bootstrap 的響應式設計、組件開發和 JavaScript 外掛程式開發和 預先處理指令碼的開發方法,也是值得學習的。原始碼原始碼下載和編譯推薦到

Bootstrap進度條組件知識詳解,bootstrap進度條

Bootstrap進度條組件知識詳解,bootstrap進度條在網頁中,經常見到進度條效果,如:平分系統、載入狀態等,進度條組件使用了css3的transition和animation屬性來完成一些特效,這些特效在IE9及IE9以下版本、Firefox的老版本中並不支援,Opera 12 不支援 animation 屬性。進度條和其他獨立組件一樣,開發人員可以根據自己的需要選擇對應的版本:LESS: progress-bars.lessSASS:

總頁數: 3271 1 .... 6 7 8 9 10 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.