资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery显示层,jquery 显示

jquery如何控制循环里面的层的显示与隐藏

你好!!

目前创新互联已为上千多家的企业提供了网站建设、域名、虚拟主机、网站改版维护、企业网站设计、建德网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

不知道解决了没有?

你是想要循环中的按钮控制紧随其后的这个div吧。

其实这个问题很容易实现,但是先说说你代码中的几个问题:

需要在循环外部,添加一个父元素,通过这个父元素控制里面的按钮和div;

按钮的类型为submit,最好更改为button;

下面是代码:

//假设你的代码是这样,你这是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

希望对你有帮助!!

Jquery 显示隐藏层 hover

!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

-------------------------

加上背景颜色,你就会看得清楚了,是因为你的两的div分来了。

上面这个可以,你试试。

jquery动态创建的层怎么显示

创建后点击某处触发显示还是直接创建后立马显示?

触发显示:重新绑定显示事件

创建后立马显示,可以在append等之后直接用显示方法,fadeIn(),slideDown(),css('display',"block")等

根据传的值的不同显示隐藏层,用jquery,具体如下:

script language="javascript" type="text/javascript"

function Show(value) {

var idname=new Array("","all","safy","site","hire");

$("#" + idname[value]).show().siblings("div").hide();

}

/script

楼主的代码搞复杂了,这些小事可以交给客户端javascript去做,没必要用DropDownList,这样的话,每选择一次,都得向服务器提交一次,并且页面还要刷新。

我觉得用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


网站题目:jquery显示层,jquery 显示
文章转载:http://cdkjz.cn/article/dsiipio.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220