Time of Update: 2014-05-19
用jquery實現的一個超級簡單的下拉式功能表。 初始效果 滑鼠懸浮效果 代碼 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.11.1.js"></script> <style> nav a { text-decoration: none; } nav > ul
Time of Update: 2014-05-17
使用過 AngularJS 的朋友應該最感興趣的是它的指令。現今市場上的前端架構也只有AngularJS 擁有自訂指令的功能,並且AngularJS 是目前唯一提供Web應用可複用能力的架構。 目前有很多JavaScript 產品提供外掛程式給Web開發人員。例如, Bootstrap 就是當前比較流行的提供樣式和JavaScript外掛程式的前端開發套件。但是開發人員在使用Booostrap中的外掛程式時, 必須切換到JavaScript 模式來寫 jQuery
Time of Update: 2014-05-18
html源碼: <!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
Time of Update: 2014-05-18
常常遇到圖片通過後台上傳後就變形了的問題,如果你的網站風格適合,可以用這種方式來給頁面配置,支援任意尺寸的圖片滑動(上下左右滑動)<! DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>任意尺寸的圖片滑動</title><style> div {
Time of Update: 2014-05-17
複製代碼 代碼如下:var www_jb51_net = function (obj, url, title) { var e = window.event || arguments.callee.caller.arguments[0]; var B = { IE :
Time of Update: 2014-05-17
同樣的html代碼結構 配合不同的css代碼 展示不一樣的效果。html基本結構<div id="tabs" class="tabs_right"><ul ><li><a href=#tab1>土豪</a></li><li><a href=#tab2>官二代</a></li><li><a
Time of Update: 2014-05-17
在靜態頁添加顯示倒計時的容器,並引用下面指令碼,代入時間參數即可使用。timeoutDate——到期時間,時間格式為2014/01/01或2014/1/1D——天H——小時M——分鐘S——秒xs——數字0~9:代碼展示:html:複製代碼 代碼如下:<span id="top_tuan_countdown"></span>jquery:複製代碼 代碼如下:$().ready(function () { CcountDown([, ,
Time of Update: 2014-05-17
一、現在我們在網站設計(三)的基礎上,來編寫about.html頁面。 這個頁面要用到的知識點是利用JavaScript和DOM實現選擇性地顯示和隱藏某些DIV about.html頁面在前面我們為了看導覽列功能表項目高亮顯示時,已經寫了部分內容,只是那時寫的代碼沒有實現div顯示和隱藏,現在就在之前編寫的基礎上,為頁面添加顯示和隱藏div的效果。 1、背景: 我們在about.html頁面中寫了一個ul列表,然後接著是一段對每個列
Time of Update: 2014-05-18
很多情況下,通過js(jQuery1.10)動態來建立一些樣式,對頁面的動態互動來說是很方便的但是不同的瀏覽器針對動態產生的不是很相容,在此遇見的不相容ie8,跟各位分享下代碼: json資料data.json[{"name":"ajax","job":"manong"},{"name":"js","job":"diaosi"}]html頁面 js檔案$document.ready(function(){.ajax(function(){
Time of Update: 2014-05-17
asp.net webform中擷取伺服器控制項,js指令碼擷取伺服器控制項需要使用ClientID web前台擷取控制項: <%=TextBox1.ClientID %>會列印出TextBox1的控制項ID js指令碼中擷取webform控制項:(實現當滑鼠移到控制項時,控制項顏色變成紅色) 複製代碼 代碼如下: <script type="text/javascript"> function myFuntion() { document.getElementById(
Time of Update: 2014-05-17
我不是來這裡爭辯原生API和函數庫的迥異,開發的時候很難不用到這些神奇的東東。但是我想討論的是:如果僅為使用個選取器($)或者類似的東西,是否真的有必要載入jQuery。假設咱不是為了簡化,每個人用jSomething是因為它支援IE,動畫處理和選取器函數。原生等價物選擇元素 // jQuery var els = $('.el'); // Native var els = document.querySelectorAll('.el')
Time of Update: 2014-05-17
瀏覽器載入完DOM後,會通過javascript為DOM元素添加事件,在javascript中,通常使用window.onload()方法。在jquery中,則使用$(document).ready()方法。下面介紹一下兩者的區別。 window.onload()$(document).ready()執行時機在頁面所有元素(包括圖片,引用檔案)載入完後執行。頁面中所有HTML DOM,CSS
Time of Update: 2014-05-17
Dependencies(依賴的js庫): bower.json 複製代碼{ "name": "angular-seed", "description": "A starter project for AngularJS", "version": "0.0.0", "homepage": &
Time of Update: 2014-05-18
js監聽輸入框值的即時變化 網上有很多關於
Time of Update: 2014-05-17
一、photos.html頁面,點擊每一張縮圖,就在預留位置的位置那裡,顯示對應的大圖。 看到的頁面效果是這樣的: 1、實現思路 這個功能在之前的JavaScript美術館那裡已經實現了。 首先在頁面中使用ul列表顯示出所有的縮圖,然後使用JavaScript,for迴圈檢查出當前點擊的是哪一張圖片,最後把這張圖片給顯示出來。 用到三個函數:顯示圖片函數、建立預留位置預裝圖片、點擊顯示圖片 2、代碼 (
Time of Update: 2014-05-17
Time of Update: 2014-05-17
在javascript中,當你使用小數進行加減乘除運算時,你會發現,所得到的結果有時後面帶有長長的一段小數,使運算變得複雜,並且影響計算結果。上網查詢了一下原因,大致如下:在javascript中,帶小數的資料運算時總會出現好多位小數.這是因為在javascript中浮點數的計算是以2進位計算的。 複製代碼 代碼如下: /** * 加法運算,避免資料相加小數點後產生多位元和計算精度損失。 * * @param num1加數1 | num2加數2 */ function numAdd(num1,
Time of Update: 2014-05-17
在類C語言中通常通過函數指標/引用的方式傳遞。jquery也提供類似的回呼函數機制。但是如何正確傳遞迴調函數仍然值得一提。 1、不帶參數的回調複製代碼 代碼如下:$.get('myhtmlpage.html', myCallBack);其中myCallBack是函數名字。函數是javascript的基礎。可以當作引用變數一樣傳遞。2、帶參數的回調很自然的,按照以往的經驗,我們會認為帶參數的回調是下面的樣子:複製代碼 代碼如下:$.get('myhtmlpage.html',
Time of Update: 2014-05-17
1.使用內建的隨機數發生方法:複製代碼 代碼如下:Math.random(); //該方法產生一個0到1之間的浮點數。Math.floor(Math.random()*10+1); //1-10Math.floor(Math.random()*24);//0-23 2.基於時間,亦可以產生隨機數:複製代碼 代碼如下:var now=new Date(); var number = now.getSeconds(); //這將產生一個基於目前時間的0到59的整數。 var now=new
Time of Update: 2014-05-17
具體製作步驟如下: 1、啟動Dreamweaver