js期末帶答案修訂版-資料下載頁(yè)
2025-06-07 13:35本頁(yè)面
【正文】 是聯(lián)通、移動(dòng)或電信。（13013186是聯(lián)通的，133和15189是電信的，134131518188是移動(dòng)的）。（難）39. 用jquery完成如下效果的二級(jí)菜單：當(dāng)鼠標(biāo)移到一級(jí)菜單上，就出現(xiàn)相應(yīng)的二級(jí)菜單（難）40. 對(duì)密碼文本框判斷，密碼至少6位，必須包含數(shù)字、字母或特殊字符，不能全部是數(shù)字，也不能全是字母。（難）獲得光標(biāo)出現(xiàn)提示：失去光標(biāo)時(shí)，對(duì)密碼框的輸入進(jìn)行判斷,符合后提示”正確”。41. 用jquery實(shí)現(xiàn)div變化效果：頁(yè)面中一個(gè)div標(biāo)簽，id為“myDiv”，寬高均為200px。點(diǎn)擊它后， 寬高則變?yōu)?00px。(中) script type=“text/javascript” $(document).ready(function(){ $(“mydiv”).click(function(){ $(this).css(“height”,”300px”)。$(this).css(“width”,”300px”)。})。})。/script42. 在實(shí)現(xiàn)如下圖所示的縱向滾動(dòng)效果：要求：文字能自行向上滾動(dòng)。當(dāng)鼠標(biāo)移動(dòng)上去的時(shí)候，滾動(dòng)停止；當(dāng)鼠標(biāo)移開后，滾動(dòng)繼續(xù)。（難）43. 用jquery實(shí)現(xiàn)如下圖所示的選項(xiàng)卡效果：要求：點(diǎn)擊標(biāo)題的時(shí)候，就出現(xiàn)對(duì)應(yīng)的內(nèi)容項(xiàng)。同時(shí)，標(biāo)題樣式要發(fā)生改變，當(dāng)前的內(nèi)容標(biāo)題要突出顯示。（難）44. 輸入你的愛(ài)用jquery完成如下效果的圖片輪換。要求：點(diǎn)擊圖片右下角的小塊，圖片能做相應(yīng)的切換（難）45. 實(shí)現(xiàn)如下圖所示的評(píng)分展示效果：要求：進(jìn)度條的長(zhǎng)度根據(jù)分?jǐn)?shù)來(lái)變化。5分為滿分；4分的時(shí)候，進(jìn)度條的長(zhǎng)度為80%，以此類推。(中)style.jdt{ width:100px。 height:20px。 border:1px f00 solid。}.jdt_nr{ width:1px。 height:20px。 float:left。 background:f00。}/stle 客戶評(píng)分span id=”fenshu”4/span分 div class=”jdt” div class=“jdt_nr” id=”jdt_nr”/div/divscript type=“text/javascript” var fenshu = Number((‘fenshu’).innerHTML)。 (‘jdt_nr’). = fenshu/5*100+“%”。/script46. 頁(yè)面中一個(gè)span標(biāo)簽id為mySpan，內(nèi)容為“你好”。旁邊一個(gè)按鈕，id為myBtn。用jquery實(shí)現(xiàn)如下效果：點(diǎn)擊myBtn按鈕，span隱藏。(中)script type=“text/javascript” $(document).ready(function(){ $(“myBtn”).click(function(){ $(“mySpan”).hide()。})。})。/script47. 單擊對(duì)應(yīng)色塊，改變網(wǎng)頁(yè)的背景顏色。(中) span onclick=“changeBg(‘f00’)”紅/spanscript function changeBg(color){ var body = (“body”)[0]。 =color。}/script48. 用jquery完成特效：當(dāng)鼠標(biāo)移動(dòng)到文字上時(shí)，就在圖片上顯示該文字的解釋。 實(shí)現(xiàn)鼠標(biāo)移動(dòng)到文字上時(shí)，出現(xiàn)該文字的解釋；當(dāng)鼠標(biāo)離開文字后，文字的解釋隱藏。(中)script type=“text/javascript” $(document).ready(function(){ $(“wenzi”).hover(function(){ $(“mySpan”).show()。},function(){ $(“mySpan”).hide()。 })。})。/script49. 完成用戶登錄模擬效果（中）當(dāng)用戶名和密碼獲得焦點(diǎn)時(shí)，文本框背景顏色變綠，失去焦點(diǎn)時(shí)背景顏色恢復(fù)，然后判斷是否為空，如果為空，則給出提示，同時(shí)文本框繼續(xù)獲得焦點(diǎn)。如圖所示。單擊登錄按鈕后，判斷用戶名（admin）和密碼(123)是否正確。若錯(cuò)誤，則提示用戶名或密碼錯(cuò)誤，若正確，.50. 用jquery實(shí)現(xiàn)圖片標(biāo)題隱藏顯示效果：(中)頁(yè)面中一張圖片，鼠標(biāo)放上去后出現(xiàn)圖片的標(biāo)題；鼠標(biāo)移開后，標(biāo)題又消失圖片標(biāo)題是一個(gè)半透明黑色塊，大小跟圖片一樣，如下圖所示：其HTML結(jié)構(gòu)和樣式如下：style .tupian { width:300px。 height:200px。 position:relative。 } .tupian p{ margin:0px。 padding:0px。 display:none。 width:300px。 height:200px。 opacity:。 color:fff。 filter:alpha(opacity=50)。 position:absolute。 background:000。 textalign:center。 top:0px。 left:0px。 }/stylediv class=tupian !標(biāo)題 p圖片標(biāo)題/p !標(biāo)題 結(jié)束 img src= width=300 height=200 //divscript type=“text/javascript” $(document).ready(function(){ $(“wenzi”).hover(function(){ $(this).children(“p”).show()。},function(){ $(this).children(“p”).hide()。 })。})。/script
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1