Time of Update: 2018-12-05
首先來看一段代碼:<script type="text/javascript">function xc(){ var ul1 = document.getElementById('ul1').getElementsByTagName('li'); for(var i=0;i<ul1.length;i++){ ul1[i].onclick=function(){ alert(i); } }}window.onload =
Time of Update: 2018-12-05
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>userData Behavior 執行個體</title><meta http-equiv="Content-Type" content="text/html;
Time of Update: 2018-12-05
<img src="http://img1.wgsails.com/yuetaojie/slider/227/193/089/index/輕複古.jpg" id="imgLogo" alt=""> <p id="moCalcTiltLR"></p> <p id="moCalcTiltFB"></p> <script> function deviceMotionHandler(eventData) { //
Time of Update: 2018-12-05
手風琴效果並且附上剛寫的運動函數<style>.accordion h5{ float:left; margin:0 2px; width:50px; height:500px; cursor:pointer; background:#F0F; font:bold 24px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; -webkit-border-
Time of Update: 2018-12-05
居於右側底部小廣告<div style="position:absolute;border:1px solid #06C;right:0;z-index:1000" id="floatBox">紅世</div><script language="JavaScript" type="text/javascript">function rightAd(){var floatBox =
Time of Update: 2018-12-05
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <head> <title>17k-劉卿-千燁-翼</title> <meta
Time of Update: 2018-12-05
早上來了,突然要我弄個超過多少字就隱藏,網上找了下,覺的都不是很合適,沒辦法自己寫了個,扔上來備份,嘿嘿!~這是一個鏈子,超過十個字我沒了,嘿嘿!~<script type="text/javascript">function hideNum(thisId,showLeng){ var nowId = document.getElementById(thisId); var nowLeng = nowId.innerHTML.length; if(nowLeng >
Time of Update: 2018-12-05
<style type="text/css"> .red{background:#f60;width:100px;height:200px;margin:20px auto;} .tf_rotate{-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);} .tf_skew{-webkit-transform:
Time of Update: 2018-12-05
1 , 建立元素節點傳統的javascript方法,建立元素節點var a = document.createElement("p");jQuery中建立節點的方法是:$('< p>< /p>');和createElement()一樣,建立出來的新元素節點不會被自動添加到文檔裡。如果想把它添加到文檔裡,可以使用 jQuery中的 append()或者insertAfter()方法或者 before ()等方法。比如:var a = $('< p>< /
Time of Update: 2018-12-05
微軟的IE的Blog發布了這樣一篇文章,以此來展示IE9是如何過濾廣告和ActiveX控制項的功能。其使用了“新浪”來做為反面案例,新浪並不是第一次成為反面案例了,之前就有人用新浪等網站來表明中國的網站的設計是怎麼個爛法。呵呵。偉大的新浪。下面是新浪的在IE9下沒有開啟過濾的樣子,我們要吧看到滿天飛的flash,廣告,還有視頻…… 新浪網站沒有使用IE9的過濾功能 下面是開啟了過濾功能後的新浪網頁(個人感覺還是那麼亂,沒辦法底子太差了) IE9開啟了ActiveX過濾功能後的新浪網頁
Time of Update: 2018-12-05
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery Impromptu - Demo
Time of Update: 2018-12-05
今天丟人了,把如何擷取url都忘了,現在都弄上來,提醒 設定或擷取對象指定的檔案名稱或路徑。<s cript>alert(window.location.pathname)</s cript>設定或擷取整個 URL 為字串。<script>alert(window.location.href);</script>設定或擷取與 URL
Time of Update: 2018-12-05
對於網站製作者&前端老濕們來說,為了確保顯示效果,長期以來不得不一直使用“安全字型”,英文站一色的 Verdana,中文站一律的宋體——因為這是每台電腦裡肯定裝有的字型。這是設計理念不斷進步的UI老師們所不能容忍的。字型可是頁面效果的根本,好比T台模特的衣服換了千萬種,但你只能用這一兩個模特(對於中文使用者那就幾乎只有一個宋體)?曾經流傳有將字型裝在伺服器的做法,但是幾KB的頁面流量前端大濕們都要斤斤計較,為了效果就要多裝載幾萬KB的字型檔簡直是開玩笑。所以為網民服務的 Google
Time of Update: 2018-12-05
Google的網站是時逛時新啊,今天在他們首頁發現了HTML5的新玩法——語音搜尋。可惜的是只有webkit核心的瀏覽器才能使用。用法很簡單 只需要在input添加屬性x-webkit-speech即可,例子如下:<input type="text" x-webkit-speech />這樣你的輸入框右邊裡就多了個「小話筒」,點擊的時候就會提示這時說出來識別後就可以了,我測試下來,中文英語的識別率還挺高的。語音輸入其他屬性:lang這玩意可以強制輸入框裡面的語音的語言種類,例如
Time of Update: 2018-12-05
自從HTML5能為我們的新網頁帶來更高效潔淨的代碼而得到更多的關注,然而唯一能讓IE識別那些新元素(如<article>)的途徑是使用HTML5 shiv,感謝remy sharp為我們提供了這個迷你指令碼來解決IE支援HTML5的問題。 使用和下載 html5.js必須在頁面head元素內調用(因為IE必須在元素解析前知道這個元素,所以這個js檔案不能在頁面底部調用。) 作者已經把js檔案放在Google code
Time of Update: 2018-12-05
<!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" lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/
Time of Update: 2018-12-05
PS:JS中用到的庫是我開發的悅淘街的庫,由於特殊原因此demo必須放到悅淘街頁面下才可訪問,大家可以使用其他類庫替換,只是提供一個思路。運動函數可以看(JS手風琴特效、運動函數)這裡的<ul id="ulNode"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>
Time of Update: 2018-12-05
StackExchange.com上有兩個貼子(貼子一,貼子二),貼子名叫“What is the single most effective thing you did to improve your programming skills?” –
Time of Update: 2018-12-05
昨天有個朋友問我怎麼給網頁換膚,研究了一下,貼上來大家分享,link裡的樣式大家自己定義去,別找我要了!~~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2018-12-05
<style>body {font-size:12px;color:#333}.outside{background:#F0FBEB;border:1px solid #C0EBA7;padding:1px;width:500px;margin:0 auto}.outside span{padding:5px; display:block}.outside