應(yīng)該是你的圖片層寫的有問(wèn)題吧,圖片層開始時(shí)默認(rèn)顯示圖片1,其他不顯示,之后隨數(shù)字的切換而變化。我看你代碼上圖片的部分直接什么都沒(méi)有處理啊。

為南平等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及南平網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、南平網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
script
$(function(){
$(".num li").hover(function(){
var id='#d'+$(this).attr('id').substring(1);
$(id).attr('style','display:;');
},function(){
var id='#d'+$(this).attr('id').substring(1);
$(id).attr('style','display:none;');
});
});
/script
/head
body
div class="container"
ul class="picture" style='display:;'
li class="focus" id=d1img src="images/01.gif"http://li
li class="focus" id=d2 style='display:;'img src="images/02.gif"http://li
li class="focus" id=d3 style='display:;' img src="images/03.gif"http://li
/ul
ul class="num"
li id=i11/li
li id=i22/li
li id=i33/li
/ul
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、其次,在index.html中的script標(biāo)簽,輸入jquery代碼:$('input').focus();。
3、瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)用jquery成功獲取了input輸入框的焦點(diǎn)。
編寫頁(yè)面結(jié)構(gòu),其中按鈕切換區(qū)的按鈕預(yù)定義了與圖片基色調(diào)相同的顏色:
獲取按鈕切換區(qū)的li標(biāo)簽,并定義鼠標(biāo)劃過(guò)事件:(index為全局變量),將鼠標(biāo)劃過(guò)的當(dāng)前l(fā)i標(biāo)簽(按鈕區(qū)域),給當(dāng)前按鈕加上class屬性selected,siblings()函數(shù)是找到當(dāng)前l(fā)i元素的所有同輩標(biāo)簽(即其他所有的按鈕),并移除其class屬性。保存當(dāng)前鼠標(biāo)劃過(guò)的按鈕下標(biāo):?index?=?$(this).index();
實(shí)現(xiàn)圖片聯(lián)動(dòng)切換效果:$(“#banner_imgs”).find(“l(fā)i”).eq(index).fadeIn().siblings().hide();找到對(duì)應(yīng)圖片,讓其漸入顯示,同時(shí)找到其他同輩元素使其隱藏
背景顏色聯(lián)動(dòng)切換:獲取對(duì)應(yīng)按鈕標(biāo)簽的預(yù)定義顏色,并將其賦給背景切換塊。$(this).data(“color”)???獲取按鈕區(qū)li標(biāo)簽的預(yù)定義顏色。
點(diǎn)擊下一頁(yè)按鈕切換,index為全局變量,在按鈕區(qū)鼠標(biāo)劃過(guò)事件中有一個(gè)當(dāng)前的index變量。當(dāng)下一頁(yè)點(diǎn)擊切換到最后一張圖片的時(shí)候,再次點(diǎn)擊,切換到第一張實(shí)現(xiàn)圖片聯(lián)動(dòng)的原理與上面相同
背景聯(lián)動(dòng)和按鈕聯(lián)動(dòng),找到對(duì)應(yīng)按鈕區(qū)的預(yù)定義顏色,將其賦給整個(gè)banner背景區(qū),按鈕聯(lián)動(dòng):對(duì)應(yīng)按鈕添加class屬性,同時(shí)去除其同輩所有元素的class屬性。
上一頁(yè)切換原理與下一頁(yè)切換相同
自動(dòng)切換:?setInterval()函數(shù)實(shí)現(xiàn),過(guò)程與上一頁(yè)下一頁(yè)點(diǎn)擊事件原理相同。
DIV獲取焦點(diǎn)有兩種方法:
DIV直接使用focus()和blur()兩個(gè)方法是無(wú)效的,需添加tabindex="0contenteditable="true"屬性,設(shè)置div為可編輯狀態(tài),則可點(diǎn)擊獲取焦點(diǎn),同時(shí)div的內(nèi)容也是可以編輯的,
設(shè)置div的tabindex,此時(shí)div的內(nèi)容是不可編輯的。
PS:設(shè)置tabindex屬性,按鍵盤Tab鍵可讓其獲取焦點(diǎn),其中tabindex的值越小在tab鍵切換的時(shí)候就會(huì)首先聚焦
能否提供一下這段代碼所依附的html代碼?(這樣會(huì)極大的提高調(diào)試效率)
本文題目:jquery焦點(diǎn)切換,jquery聚焦input
標(biāo)題網(wǎng)址:http://chinadenli.net/article24/dsepoje.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、小程序開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)