原创 運算符、流程控制——全選、反選、全不選

html部分 <body> <thead> <tr> <th class="bs-checkbox"> <div class="th-inner">

原创 css3—transition、transform

transition transition: 5s width linear|ease|ease-in|ease-out|ease-in-out|cubic- bezier(n,n,n,n); transform tran

原创 setInterval、定時器管理、背景選擇實例

html部分 <input type="button" value="換背景吧" /> <input type="button" value="停" /> js部分 <script> var btn = docum

原创 js—BOM焦點事件

js <script> window.onload = function() { var oText = document.getElementById('text1'); //onfocus : 當元素獲取到

原创 字符串查找

js <script> alert( 'miaov'.charAt(2) ); //a alert( 'miaov'.charCodeAt(2) ); //97 alert( String.fromCha

原创 數組—添加刪除方法

添加方法 <script> var arr = [ 1,2,3 ]; arr.push( 'abc' ); //數組末尾添加 alert( arr ); //1,2,3,abc

原创 定時器——setTimeout

html部分 <body> <div id="qq"></div> <div id="title"></div> </body> css部分 <style> #qq { width:200px; heigh

原创 定時器——自動彈出廣告

html部分 <body> <img id="miaov" src="img/miaov.jpg" /> </body> css部分 <style> body { background:url(img/sina.

原创 字符串查找—練習一

html部分 <body> <p><span>妙味課堂是一支獨具特色的IT培訓團隊,妙味反對傳統IT教育枯燥乏味的教學模式,妙味提供一種全新的快樂學習方法!<br />2013年底,妙味課堂最新推出“遠程培訓”服務,受到很

原创 sort-排序

<script> var arr = [1,10,2,73,8]; arr.sort(function(a,b){ return a-b; //如果return

原创 數組splice方法—去重

<script> var arr = [ 'TM', '鍾毅', '張森', '杜鵬', 'Leo' ]; // 刪除、替換、添加 arr.splice( 0 , 0, 'aaaaaa'); // 第一個參數: 規定從何處

原创 3d變換和動畫

3D變換 <style> .box{width: 100px; height: 100px; padding: 100px; border: 5px solid #000; margin: 30px auto; -webk

原创 阻止冒泡——小練習

html部分 <div class="yi"> <div class="er"> <p>1</p> <ul> <li>2</li>

原创 自定義單選框樣式

html部分 <body> <label> <input type="radio" name="tab" /> <span></span> </label> <label>

原创 js—手風琴效果

html部分 <ul class="helpContnet"> <li> <p> 金融什麼時間成立的? <span>