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://myzitong.com/article/dsiipio.html