JavaScript

/// /** DIV或元素置中* @return*/jQuery.fn.mCenterDiv = function () { this.css("position", "absolute"); this.css("border", "1px solid #ccc"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px");

  很早看到kissy首頁 有數量輸入控制項，就隨便看了下功能 感覺也不怎麼難 所以也就試著自己也做了一個， 當然基本的功能和他們的一樣，只是用了自己的編碼思想來解決這麼一個問題。特此給大家分享下！kissy demo連結    個人編寫的 demo連結   下面來一步步分析下我當初寫代碼的思路：    1. 首先是HTMl代碼如下： <h3>demo1:步長為0.8，下限為0,

 移動互連網的發展，促生了各種各樣的移動Web架構。jQuery Mobile 是一個針對觸摸體驗的 web UI 開發架構，很容易就可以把 Web App 封裝成適合 Android 與 iOS等觸屏行動裝置的 Javascript 庫，與 HTML5結合可以很方便快速的開發出一款具有良好介面及使用者體驗的 Web App，而且不需要安裝任何東西，只需將需要的 *.js 和 *.css 檔案直接包含到 web

第5章 操縱DOM 1. 操作屬性 我們在第四章已經使用jQuery來讀取和設定CSS，在本章我們使用jQuery來操作DOM。 本節介紹一個常用的方法：attr() 參數：屬性名稱和屬性值 例如，我們把下面的連結上增加提示 js代碼$('div.chapter a').attr('title', 'external'); html檔案見附錄。

前言 最近迷茫了一段時間，不知道應該從何處開始學習前端知識，好像這種狀態已經持續了一年了，天天也在看前端的東西，但是記住的多少或者說在腦中一團糟，沒有什麼清晰的概念。最近加入了jQuery源碼交流群(

翻譯人員: 鐵錨翻譯日期: 2014年1月9日原文日期: 2014年1月6日原文連結: Loading Scripts with jQueryJavaScript loaders載入器簡單強大而又非常有用。我在部落格上介紹過其中一些,例如 curljs 和 LABjs ,也在個人項目中使用 RequireJS 和 Dojo

樣本如下：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"

摘要：許多重視使用者體驗的設計師都希望給文字框(input)加上擷取焦點或者滑鼠移至上方時的樣式轉場效果。其實很簡單，我們只需要擷取頁面上的文字框，加上onfocus事件或者其他對應的事件即可。本文介紹了如何在擷取焦點時轉場樣式，明白原理後，實現其他效果就很簡單了。

js遍曆頁面控制項，複製代碼 代碼如下: var inputArr = document.forms[0];   for( var i = 0; i < inputArr.length; i++ ) {    if( inputArr[i].type.toUpperCase() == "BUTTON" ) {    

相容主流瀏覽器的 Iframe 自適應高度，js指令碼如下： 複製代碼 代碼如下: //iframe 高度自適應 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight :

複製代碼 代碼如下://function window.onunload() { alert('這就是你要做的事,關閉網頁之後做的！ '); location = 'SessionClear.aspx'; }        //function window.onbeforeunload() { alert('這就是你要做的事,關閉網頁之前做的！ ') }      

　　這是一個巨大的集合，包含各式各樣的扁平風格蘋果裝置樣機，用於展示您的響應網頁設計。這些 PSD 檔案包含的 iPhone，iPad，iMac 和 MacBook 裝置，採用不同的視角，可以被用於個人和商業項目。您可能感興趣的相關文章10大流行 Metro UI Bootstrap 主題和模板精選12款優秀 jQuery Ajax 分頁外掛程式和教程10大流行的 Metro UI 風格 Bootstrap 主題8款效果精美的 jQuery 載入動畫和進度條外掛程式推薦35款精緻的 CSS3

如下所示：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"

1.ModalDialog是什嗎？showModalDialog是jswindow對象的一個方法，和window.open一樣都是開啟一個新的頁面。區別是：showModalDialog開啟子視窗後，父視窗就不能擷取焦點了（也就是無法操作了）。可以在子視窗中通過設定window.returnValue的值，讓父視窗可以擷取這個returnvalue.2.一個例子1)主視窗main.html,2)在主視窗中通過showModalDialog的方式開啟子視窗sub.html3)在子視窗中設定retu

在JS中，window.opener只是對快顯視窗的母視窗的一個引用。比如：a.html中，通過點擊按鈕等方式window.open出一個新的視窗b.html。那麼在b.html中，就可以通過window.opener（省略寫為opener）來引用a.html，包括a.html的document等對象，操作a.html的內容。假如這個引用失敗，那麼將返回null。所以在調用opener的對象前，要先判斷對象是否為null，否則會出現“對象為空白或者不存在”的JS錯誤。例子opener.html複

      今天來談一談CSS樣式的物件導向寫法。顧名思義，物件導向是進階語言具備的特性，主要是為了程式高可複用，解決模組之間的耦合關係，那麼像CSS這樣的指令碼語言是否也可以使用物件導向的思想，來提高代碼的可維護性和可擴充性呢？答案是肯定的，運用物件導向的思想來編寫CSS代碼，可以極大提高前台代碼的效率。      目前常用的一種CSS程式碼群組織方法是：base.css +

同理 此外掛程式不需要任何html標籤，只需要一個輸入框 有相對應的class類名就ok 且父級有個class類名，其他的都不需要。內部的HTML代碼都是自動產生的。HTML代碼如下：<div class="parentCls"> <input type="text" class="inputElem"> </div>其實上面的div標籤都可以不需要 只需要在input輸入框

在使用ExtJS中的項目中可能會使用到富文字編輯器，但ExtJS4中提供的HtmlEditor功能不強，而且在IE下相容性不好，所以就想把CKEditor整合進ExtJS中，下面是整合源碼：Ext.define("Ext.ux.form.field.CKEditor", { extend: 'Ext.form.field.TextArea', alias: 'widget.ckeditor', constructor : function() {

Javascript中的對象什麼是對象　　我們可以把Javascript中對象理解為一組無序的索引值對，就好像C#中的Dictionary<string,Object>一樣。Key是屬性的名稱，而value可以為以下3種類型： 基本值（string, number, boolean, null, undefined)對象函數複製代碼var o = new Object();o["name"] = "jesse";

一、簡介Angularjs作為前端mvc架構，可以說是非常顯眼，使用來來也比較簡單。本文章只記錄一個簡單的demo，AngularJs的官網有很多使用的介紹，如果想學習AnjularJs請跳過此文章直接查看http://angularjs.org/ 或者 http://docs.angularjs.org/guide/二、樣本AngularJs<script type="text/javascript" src="js/angular.js"></script&