你好??!
目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、建德網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
不知道解決了沒有?
你是想要循環(huán)中的按鈕控制緊隨其后的這個(gè)div吧。
其實(shí)這個(gè)問題很容易實(shí)現(xiàn),但是先說說你代碼中的幾個(gè)問題:
需要在循環(huán)外部,添加一個(gè)父元素,通過這個(gè)父元素控制里面的按鈕和div;
按鈕的類型為submit,最好更改為button;
下面是代碼:
//假設(shè)你的代碼是這樣,你這是asp還是什么的?
div?id="loop"
do?whil?not?rs.eof
input?name="Submit"?type="button"
div/div
rs.rs.movenext
rs.loop
/div
script
$(function(){
$("#loop?:button").click(function(){
$(this).next("div").toggle();
});
});
/script
希望對(duì)你有幫助?。?/p>
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleUntitled Document/title
script src="js/jquery.js" type="text/javascript"/script
script type="text/javascript"
$(function(){
$(".adLink").hover(function(){
$(".my_Link").click();
var div = $(".adLink").offset();
var myTop = div.top + $(".adLink").height()-2;
$(".my_Link").css({top:myTop,left:div.left+5});
$(".my_Link").fadeIn("slow");
},function(){});
$(".adLink").mouseout(function(){
if(document.activeElement==$(".my_Link")) {
$(".my_Link").css({display:"block"});
}else{
$(".my_Link").css({display:"none"});
}
});
$(".my_Link").hover(function(){
$(".my_Link").css({display:"block"});
},function(){
$(".my_Link").fadeOut("slow");
});
});
/script
/head
body
div class="adLink" id="adLink" style="background-color:#333333"1111111/div
div class="my_Link" style="background-color:#999999; width:200px; position:absolute;"
ul
li首 頁/li
li新 聞/li
li功 略/li
li視 頻/li
li圖 片/li
li留 言/li
/ul
/div
/body
/html
-------------------------
加上背景顏色,你就會(huì)看得清楚了,是因?yàn)槟愕膬傻膁iv分來了。
上面這個(gè)可以,你試試。
創(chuàng)建后點(diǎn)擊某處觸發(fā)顯示還是直接創(chuàng)建后立馬顯示?
觸發(fā)顯示:重新綁定顯示事件
創(chuàng)建后立馬顯示,可以在append等之后直接用顯示方法,fadeIn(),slideDown(),css('display',"block")等
script language="javascript" type="text/javascript"
function Show(value) {
var idname=new Array("","all","safy","site","hire");
$("#" + idname[value]).show().siblings("div").hide();
}
/script
樓主的代碼搞復(fù)雜了,這些小事可以交給客戶端javascript去做,沒必要用DropDownList,這樣的話,每選擇一次,都得向服務(wù)器提交一次,并且頁面還要刷新。
我覺得用select就可以了:
select onchange="Show(this.value)"
option value="1"AAA/option
option value="2"BBB/option
option value="3"CCC/option
option value="4"DDD/option
/select
當(dāng)前標(biāo)題:jquery顯示層,jquery 顯示
文章URL:http://aaarwkj.com/article0/dsiipio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、搜索引擎優(yōu)化、網(wǎng)站營銷、網(wǎng)站改版、移動(dòng)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)