首先前台代碼 複製代碼 代碼如下: <div class="tab"> <div class="tab_menu"> <ul> <li class="selected">個人資訊</li> <li class="selected">我的照片</li> <li class="selected">我的部落格</li> <div class="clear"></div>
實現目標:1、點擊“匿名小組”,自動跳轉:成員類型“私密群”、存取控制 “群成員” 2、點擊“公開群”, 自動跳轉:成員類型“實名小組” 首先是獲得點擊radio的事件,用的是jquery庫,獲得事件後判斷是那個radio,通過判斷是那個radio被checked瞭然後進行聯動變換。其中遇到的問題有,相容ie和firefox的事件,然後是設定select中的中options的selected屬性。 相容ie和firefox用了var
一個例子說盡: 1、.aspx中: 複製代碼 代碼如下: <div class="button" id="btn1"><a href="#">HelloWorld</div> <div class="button" id="btn2"><a href="#">傳入參數</a></div> <div class="button" id="btn3"><a href="#">返回集合</
複製代碼 代碼如下: <div id="testDiv">放在我上面</div> <script type="text/javascript"> $('#testDiv').mousemove(function(e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
當時Netscape的JavaScript使其在與ie的瀏覽器大戰中獨佔鰲頭,而後ie建立了jscript應對Netscape的JavaScript,而事實上jscript基本上抄襲的JavaScript,這也是微軟一直備受詬病的一件事,jscript與JavaScript有一些文法上的不一樣,但二者均是同一類web開發技術,而且目前流行的是JavaScript,jscript的使用已經越來越少了。另外JavaScript的核心為ecmascript,與actionscript的核心一樣,所以學
第一章:載入和執行 瀏覽器的JavaScript的引擎是編譯器層的最佳化; 當瀏覽器執行JavaScript代碼時,不能同時做其他任何事情(單一進程),意味著<script>標籤每次出現都霸道地讓頁面等帶指令碼的解析和執行(每個檔案必須等到前一個檔案下載並執行完成才會開始下載),所以頭部的JS和CSS用來渲染頁面,互動行為(幾乎所有)的JS放在<body>底部; 主流瀏覽器都允許並行下載JS。 減少外鏈指令碼數量將會改善效能(合并JS)
複製代碼 代碼如下: var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //輸出ture console.log(re.test(str)); //輸出false console.log(re.test(str)); //輸出ture console.log(re.test(str)); //輸出false
投影片效果是常用的內容展示方式之一,這是一種在有限的網頁空間內展示系列項目時非常好的方法。今天要給大家分享的是10篇非常棒的 jQuery 投影片教程及16個優秀的 jQuery 投影片應用案例。10篇 jQuery 投影片製作教程Create Beautiful jQuery slider tutorialjQuery Plugin – Feature ListCreate an Image Rotator with Description
改變文字框的獲得焦點的樣式 複製代碼 代碼如下: <form action="#" method="POST" id="regForm"> <fieldset> <legend>個人基本資料</legend> <div> <label for="username">名稱:</label> <input id="username" type="text"> </div>
方式1 複製代碼 代碼如下: function Person(n,a){ this.name = n; this.age = a; if(this instanceof Person){ alert('new調用'); }else{ alert('函數調用'); } } var p = new Person('jack',30); // --> new調用 Person(); // --> 函數調用 方式2 複製代碼 代碼如下: function Person(n,a){
當然我們可以研究js庫的源碼, 也可以自己去發明輪子試試看, 其過程還是挺有趣的...下面我就來實現下頁面元素的拖拽功能 現在就開始著手實現, 讓我們從最頂層的方法講起, 它用於初始化一個drag object, 方法的聲明如下 function DragObject(cfg) 這裡的cfg我們用一個對象來傳入, 有點像Extjs裡配置屬性 複製代碼 代碼如下: var dragObj = new DragObject({ el: 'exampleB', attachEl:
第一種方法:純CSS 目前網上有的比較多的是這種解決方案(純CSS): 複製代碼 代碼如下: html{overflow:hidden;} body{height:100%;overflow:auto;} #rightform form{position:absolute;right:30px;top50px;} 這個方法有一個bug未解決:在IE6下會把所有position:absolute都變成“浮動”的元素;還有使用js方法滾動捲軸時會出現對象閃爍,如下方法結合了CSS和js的辦法,
相容性已經測過:IE6\IE7\IE8\FF3\CHROME10 複製代碼 代碼如下:<!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"> <meta http-equiv="Content-
除以下代碼外,再匯入個jquery-1.4.4.min.js檔案 ,代碼中收件者是寫死的("ABC", "ABCDEF", "BCDEF"),已測試通過! 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageencoding="utf-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
完整代碼:複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <style type="text/css"> .highlight { background-color: yellow; } .gray { background-color: Gray; } </style> <script
650) this.width=650;" border=0> 650) this.width=650;" border=0> 代碼很簡單,在附件中,各位可以下載後直接運行.複製代碼 代碼如下:<script type="text/javascript" language="javascript"> $(function() { jQuery.fn.alternateRowColors = function() { //做成外掛程式的形式
無參數類繼承的問題 先看一段範例程式碼,實現B繼承於A: 複製代碼 代碼如下: function A() { } A.prototype.a1 = function() { }; function B() { } B.prototype = new A(); B.prototype.b1 = function() { }; var b = new B(); alert(b.constructor == A); // true alert(b.constructor == B); //
1. 引言 我曾在文章《如何在多個頁面使用同一個HTML片段 - 續》的最後提到JavaScript順序執行的特性。雖然現代瀏覽器可以並行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴關係,他們的執行依然是按照引入順序進行的。 為了更好的測試這個過程,我寫了一個簡單的HTTP處理常式頁面 service.ashx,它可以接受兩個參數: 1. file,需要返迴文件的伺服器端路徑。 2. delay,延遲一定時間後再返回本次HTTP請求(毫秒)。 一個典型的頁面比如:
雖然不太常用,但我們的確可以給對象添加以數字為屬性名稱的屬性: 複製代碼 代碼如下: var obj = {}; obj[0] = 1; obj[1] = 2; 這個對象並不是數群組類型,那有沒有辦法把它轉換為數群組類型呢?jQuery代碼中採用了Array.prototype.slice把這種對象轉換為數組,但我試了好幾遍,就是不行: 複製代碼 代碼如下: var obj = {}; obj[0] = 1; obj[1] = 2;
假設要產生一千萬個隨機數,常規的做法如下: 複製代碼 代碼如下: var numbers = []; for (var i = 0; i < 10000000; i++) { numbers.push(Math.random()); }