JavaWeb03-HTML篇筆記(二)
1.1.2 分析:1.1.2.1 技術分析:
【JS中的Window對象的定時的操作】
- 設置定時的方法
- 清除定時的方法
1.1.2.2 步驟分析:
【步驟一】創建一個HTML文件
【步驟二】當頁面加載的時候開始計時.使用onload事件.
【步驟三】編寫onload事件觸發的函數.
【步驟四】獲得操作圖片的控制權.
【步驟五】修改圖片的src的屬性.
1.1.3 代碼實現:
<script> window.onload = function(){ // 設置定時: window.setInterval("changeImg()",5000); } var i = 1; function changeImg(){ i++; // 獲得圖片的控制權: if(i > 3){ i=1; } var img1 = document.getElementById("img1"); img1.src="../img/"+i+".jpg"; } </script>
JavaWeb03-HTML篇筆記(二)
相關推薦
JavaWeb03-HTML篇筆記(二)
Java1.1 案例一:使用JS完成圖片的輪播的效果:1.1.1 需求:1.1.2 分析:1.1.2.1 技術分析:【JS中的Window對象的定時的操作】 設置定時的方法 清除定時的方法1.1.2.2 步驟分析:【步驟一】創建一個HTML文件【步驟二】當頁面加載的時候開始計時.使用onload事件.【步驟
JavaWeb01-HTML篇筆記(二)
Java1.1 案例二:網站圖片頁面顯示:1.1.1 需求:在一個頁面中往往圖文並茂.想在HTML中引入一個圖片如何處理?效果如下:1.1.2 分析:1.1.2.1 技術分析:【HTML的圖片標簽】 圖片標簽:<img> * 屬性: * src :圖片的來源.
JavaWeb03-HTML篇筆記(一)
Java1.1 上次課內容回顧: CSS: * CSS的概述:層疊樣式表. * 修飾HTML的頁面.使頁面與樣式分離. * CSS的語法: * 選擇器{屬性名:屬性值;屬性名:屬性值;...} * CSS的引入方式: * 行內樣式:在html元素上使用style屬性設置 *
JavaWeb03-HTML篇筆記(三)
Java1.1.1 總結:1.1.1.1 JS中的BOM對象: ? Window alert(); --彈出對話框 setInterval(); setTimeout(); clearInterval(); clearTimeout(); confirm(); -
JavaWeb03-HTML篇筆記(四)
Java1.1 使用JS完成註冊頁面表單提示及校驗1.1.1 需求: 註冊頁面之前是彈出對話框的形式進行校驗的這種方式不是特別友好!可以將錯誤信息顯示到文本框的後面.而且當光標落入到文本框的時候,提示的信息.1.1.2 分析:1.1.2.1 技術分析:【JS的輸出】 document.getElementB
JavaWeb03-HTML篇筆記(五)
Java1.1 案例四:使用JS完成後臺數據展示的隔行換色的表格:1.1.1 需求:在後臺展示數據的頁面上,通常使用表格標簽進行數據的展示.沒有背景的表格比較難看的,可以使用JS控制表格的隔行換色.1.1.2 分析:1.1.2.1 技術分析:【使用JS獲得表格的行數】 獲得到控制的表格元素: var ta
JavaWeb03-HTML篇筆記(七)
Java1.1 案例六:使用JS完成省市聯動的效果:1.1.1 需求:在註冊頁面上有兩個下拉列表,左側省份的下拉列表一改變,右側的市的下拉列表也要跟著發生變化.1.1.2 分析:1.1.2.1 技術分析:【JS中創建數組】【JS的事件】下拉的列表的改變的事件.onchange.【JS的DOM的操作】創建元素:
JavaWeb04-HTML篇筆記(二)
Java1.1 使用JQuery完成定時彈出廣告:1.1.1 需求:之前使用的JS的方式完成定時彈出廣告,現在使用JQuery完成同樣的效果:1.1.2 分析1.1.2.1 技術分析:【JQuery的概述】 ? 什麽是JQuery: JQuery是一個JS的框架(JS的類庫).對傳統的JS進行了封裝. 現在企
JavaWeb05-HTML篇筆記(二)
Java1.3 案例二:使用BootStrap設計一個響應式的頁面:1.3.1需求:設計一套頁面能夠通用在不同的設備上,在手機,pad上,電腦上都可以瀏覽這個網頁,而不影響正常的瀏覽的方式.1.3.2分析:1.3.2.1技術分析:【BootStrap的概述】?什麽是BootStrap?BootStrap可以在
JavaWeb07-HTML篇筆記(二)
Java1.1 案例一:使用JDBC完成CRUD的操作:1.1.1 需求:對分類管理使用JDBC進行CRUD的操作.1.1.2 分析:1.1.2.1 技術分析:【JDBC的概述】? JDBC:Java DataBase Connectivity Java數據庫的連接. 是SUN公司統一提供的一套接口規範(J
JavaWeb08-HTML篇筆記(二)
Java案例二:使用Tomcat發布一個WEB項目.1.1.1 需求:有一個web項目,需要通過tomcat服務器被其他人訪問到.1.1.2 分析:1.1.2.1 技術分析:【軟件的架構】? C/S架構的軟件: Client / Server 客戶端和服務器端的軟件. 都是需要在PC端安裝的軟件. 比如 Q
JavaWeb09-HTML篇筆記(二)
java1.1 案例一:使用Servlet完成一個用戶登錄的案例.1.1.1 需求:在網站的首頁上,登錄的鏈接,點擊登錄的鏈接,可以跳轉到登錄的頁面.在登錄的頁面中輸入用戶名和密碼點擊登錄的案例.完成登錄的功能.1.1.2 分析:1.1.2.1 技術分析:【HTTP的協議的概述】 ? 協議: * 什麽是協議:
JavaWeb12-HTML篇筆記(二)
JavapageContext.setAttribute("n3", "30"); pageContext.setAttribute("n4", "40"); %> ${ n1 + n2 + n3 } <h3>EL執行邏輯運算</h3> ${ n1 < n2 } - ${
JavaWeb17-HTML篇筆記(二)
Java1.3案例二:使用Servlet3.0技術完成文件的上傳:1.3.1需求:1.3.2分析:1.3.2.1技術分析:【Servlet3.0】Servlet3.0 與 Servlet2.5: Servlet3.0需要運行在tomcat7以上的服務器中. Servlet3.0以後web.xml就不是必須的
JavaWeb18-HTML篇筆記(二)
Java1.1.1.1 搭建開發環境:【步驟一】:引入開發jar包 * mysql 1[/align] * c3p0 1 * dbutils 1 * beanu
JavaWeb23-HTML篇筆記(二)
Java1.1 Vi和Vim編輯器1.1.1 Vim編輯器:在Linux下一般使用vi編輯器來編輯文件。vi既可以查看文件也可以編輯文件。三種模式:命令行、插入、底行模式。切換到命令行模式:按Esc鍵;切換到插入模式:按 i 、o、a鍵;i 在當前位置生前插入I 在當前行首插入a 在當前位置後插入A 在當前行
JavaWeb24-HTML篇筆記(二)
Java1.1 Linux系統上安裝tomcat:1.1.1 安裝tomcat:1.1.1.1 上傳tomcat的安裝文件:1.1.1.2 創建tomcat的安裝路徑:在/usr/local 下mkdir tomcat1.1.1.3 解壓tomcattar –xvf xxx.tar.gz –C /usr/lo
JavaWeb01-HTML篇筆記(一)
Java1.1 案例一:網站信息頁面的顯示:1.1.1 需求:在網頁中顯示網站的信息的頁面:效果如下: 1.1.2 分析:1.1.2.1 技術分析:【HTML的概述】? 什麽是HTMLHTML:Hyper Text Markup Language --- 超文本標記語言. 標記語言:指的是通過一組標簽的形
JavaWeb01-HTML篇筆記(四)
Java1.1 案例五:網站的註冊頁面的顯示:1.1.1 需求:使用HTML完成註冊頁面的設計:1.1.2 分析:1.1.2.1 技術分析【HTML的表單標簽(*****)】 HTML的表單標簽:<form> 常用屬性: action屬性:提交的路徑.默認提交到當前頁面 method屬性:請求
JavaWeb01-HTML篇筆記(三)
Java1.1 案例四:網站的首頁的顯示:1.1.1 需求:網站的首頁的設計:1.1.2 分析:1.1.2.1 技術分析:【HTML的表格標簽】<table><tr><td></td><td></td></tr></ta