java_畢業(yè)論文門(mén)戶(hù)網(wǎng)站開(kāi)發(fā)中技術(shù)闡述-資料下載頁(yè)
2025-05-16 19:14本頁(yè)面
【導(dǎo)讀】學(xué)號(hào)。填寫(xiě)學(xué)校名稱(chēng)。論文題目。學(xué)生姓名。專(zhuān)業(yè)名稱(chēng)。指導(dǎo)教師。20xx年12月。1. 目錄
【正文】 n (name)。} function each(arr, callback) { if() {(callback)。} else { for (var i = 0, len = 。 i len。 i++) (this, arr[i], i, arr)。} } function fadeIn(elem) { setOpacity(elem, 0) for ( var i = 0。 i 20。 i++) { (function() { var pos = i * 5。 setTimeout(function() { setOpacity(elem, pos) }, i * 25)。 19 })(i)。 } } function fadeOut(elem) { for ( var i = 0。 i = 20。 i++) { (function() { var pos = 100 i * 5。 setTimeout(function() { setOpacity(elem, pos) }, i * 25)。 })(i)。 } } // 設(shè)置透明度 function setOpacity(elem, level) { if () { = alpha(opacity= + level + )。 } else { = level / 100。 } } return { //count:圖片數(shù)量， wrapId:包裹圖片的 DIV,ulId:按鈕 DIV, infoId：信息欄 scroll : function(count,wrapId,ulId,infoId) { var self=this。 var targetIdx=0。 //目標(biāo)圖片序號(hào) var curIndex=0。 //現(xiàn)在圖片序號(hào) 20 //添加 Li按鈕 var frag=()。 =[]。 //存儲(chǔ)各個(gè) li的應(yīng)用，為下面的添 加事件做準(zhǔn)備 =id(infoId)。 for(var i=0。icount。i++){ ([i]=((li))).innerHTML=i+1。 } id(ulId).appendChild(frag)。 //初始化信息 = id(wrapId).getElementsByTagName(a)。 =[0].。 [0].className=on。 //將除了第一張外的所有圖片設(shè)置為透明 each(,function(elem,idx,arr){ if (idx!=0) setOpacity(elem,0)。 })。 //為所有的 li添加點(diǎn)擊事件 each(,function(elem,idx,arr){ =function(){ (idx,curIndex)。 curIndex=idx。 targetIdx=idx。 } })。 21 //自動(dòng)輪播效果 var itv=setInterval(function(){ if(targetIdx){ targetIdx++。 }else{ targetIdx=0。 } (targetIdx,curIndex)。 curIndex=targetIdx。 },4000)。 id(ulId).onmouseover=function(){ clearInterval(itv)}。 id(ulId).onmouseout=function(){ itv=setInterval(function(){ if(targetIdx){ targetIdx++。 }else{ targetIdx=0。 } (targetIdx,curIndex)。 curIndex=targetIdx。 },4000)。 } }, fade:function(idx,lastIdx){ if(idx==lastIdx) return。 var self=this。 fadeOut([lastIdx])。 fadeIn([idx])。 22 each(,function(elem,elemidx,arr){ if (elemidx!=idx) { [elemidx].className=。 }else{ [elemidx].className=on。 } })。 =[idx].。 } } } ()。 本章小結(jié) 本章具體介紹了網(wǎng)站前端的實(shí)現(xiàn)，在動(dòng)畫(huà)效果的實(shí)現(xiàn)中給出了具體 的代碼。說(shuō)明了在頁(yè)面設(shè)計(jì)過(guò)程的具體實(shí)現(xiàn)，說(shuō)明了網(wǎng)站修飾 風(fēng)格，可視化的重要概念。 第 5 章 總結(jié) 總結(jié) 創(chuàng)建的 XXXXXXXX 培訓(xùn)中心 網(wǎng)站，網(wǎng)站前端設(shè)計(jì)最基本的三個(gè)技能： HTML，DIV＋ CSS， JavaScript， PS 切片 工具 。前端的開(kāi)發(fā)中，在頁(yè)面的布局時(shí)， HTML將元素進(jìn)行定義， CSS 對(duì)展示的元素進(jìn)行定位，再通過(guò) JavaScript 實(shí)現(xiàn)相應(yīng)的效果和交互。 本網(wǎng)站的建立的作用具有超時(shí)空特性，不僅能讓本地區(qū)的人們了解該 教育機(jī)構(gòu) ，更可讓世界了 解該 機(jī)構(gòu) 。網(wǎng)站巨大的教育資源，網(wǎng)站是實(shí)現(xiàn)教育資源分 23 配的橋梁 ，它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機(jī)會(huì)，能極大的提高教學(xué)效率。 Javascript 能為網(wǎng)頁(yè) 提供 很多 讓人 欣喜的動(dòng) 態(tài) 效果，是 很多 開(kāi)發(fā)人喜 歡 它的一大誘因，在這次開(kāi)發(fā)中我已感受到它的強(qiáng)大 。 本文中介紹了 Javascript,DIV+CSS 以及 前端布局的制作做法，詳細(xì)的說(shuō)明了 XXXXXXXX 培訓(xùn)中心 網(wǎng)站前端的全部制作流程，以及網(wǎng)站中的主要功能。 網(wǎng)站中還存在一些不足之處，如網(wǎng)站 的新聞 模塊 的信息不夠完善 等等。這些問(wèn)題和功能有待于進(jìn)一步學(xué)習(xí)和添加。 最后還要 感謝項(xiàng)目指導(dǎo)老師 和 畢業(yè)論文指導(dǎo)老師的細(xì)心指導(dǎo) 和幫助 ， 沒(méi)有他們的幫助我 就 不能很順利的完成這個(gè)項(xiàng)目 。 謝謝 你們的幫助與支持。 24 參考文獻(xiàn) [1] 李燕 . 高校校園網(wǎng)站功能探討 [J]. 齊齊哈爾師范高等專(zhuān)科學(xué)校校報(bào) .20xx 年 01 期 25(2): 9~11 [2] 李寶敏 . 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)應(yīng)用教程 [M] . 清華大學(xué)出版社 . ,28(4): 91~94 [3] 黃軍寶 . 網(wǎng)站設(shè)計(jì)透過(guò) Dreamwear CS3 學(xué)習(xí) HTMLDIVCSS[J] . 科學(xué)出版社 . 20xx, 35(9): 81~97 [4] 賈素玲 ,王強(qiáng) . Javasqript 程序設(shè)計(jì) [M]. 清華大學(xué)出版社 .20xx, 15(4): 91~94 [5] 費(fèi)東東 . 挑戰(zhàn) Java scriptamp。Ajax 應(yīng)用開(kāi)發(fā) [J] . 機(jī)械工業(yè)出版社 .20xx, 7(5): 35~36 [6] 林小 . CSS 那些事 掌握網(wǎng)絡(luò)樣式 CSS 樣式布局 [J] . 電子工業(yè)出版社 .20xx, 4(5): 11~14 [7] William Harrel. HTML, CSS, and JavaScript Mobile Development For Dummies[J] . John Wiley .20xx [8] 張曉紅 . 網(wǎng)站前端模塊化開(kāi)發(fā)策略研究 .計(jì)算機(jī)時(shí)代 [M]. [9] 李巍 ,楊仁敏 . CI 設(shè)計(jì) [J] . 重慶：西南師范大學(xué)出版社 . 20xx
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1