子页面js获取父页面id的问题(其实我不懂,不知道该不该这么问)
我有一个页面index.aspx,里面有个iframe是个幻灯片,我把幻灯片放在底层,但是幻灯片上面的按钮,也就是切换图片的那个也点不了了,于是我就单独把按钮那个div移...
我有一个页面index.aspx,里面有个iframe 是个幻灯片,我把幻灯片放在底层,但是幻灯片上面的按钮,也就是切换图片的那个也点不了了,于是我就单独把按钮那个div移到了index.aspx里面,放在上一层,现在有个问题就是,按钮在按下去之后不会变换颜色了。
我把代码贴上来大家看看吧。
幻灯片的js:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(".item1").hover(function(){$("#tit_fc1").slideDown("normal");}, function() {$("#tit_fc1").slideUp("fast");});
$(".item2").hover(function(){$("#tit_fc2").slideDown("normal");}, function() {$("#tit_fc2").slideUp("fast");});
$(".item3").hover(function(){$("#tit_fc3").slideDown("normal");}, function() {$("#tit_fc3").slideUp("fast");});
$(".item4").hover(function(){$("#tit_fc4").slideDown("normal");}, function() {$("#tit_fc4").slideUp("fast");});
});
var currentindex=1;
$("#flashBg").css("background-color",$("#flash1").attr("name"));
function changeflash(i) {
currentindex=i;
for (j=1;j<=5;j++){//此处的5代表你想要添加的幻灯片的数量与下面的5相呼应
if (j==i)
{$("#flash"+j).fadeIn("normal");
$("#flash"+j).css("display","block");
$("#f"+j).removeClass();
$("#f"+j).addClass("dq");
$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
}
else
{$("#flash"+j).css("display","none");
$("#f"+j).removeClass();
$("#f"+j).addClass("no");}
}}
function startAm(){
timerID = setInterval("timer_tick()",7000);//8000代表间隔时间设置
}
function stopAm(){
clearInterval(timerID);
}
function timer_tick() {
currentindex=currentindex>=5?1:currentindex+1;//此处的5代表幻灯片循环遍历的次数
changeflash(currentindex);}
$(document).ready(function(){
$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
startAm();
});
//]]>
</script>
按钮的代码:
<div class="flash_bar">
<div class="dq" id="f1" onclick="frame.changeflash(1)"></div>
<div class="no" id="f2" onclick="frame.changeflash(2)"></div>
<div class="no" id="f3" onclick="frame.changeflash(3)"></div>
<div class="no" id="f4" onclick="frame.changeflash(4)"></div>
<div class="no" id="f5" onclick="frame.changeflash(5)"></div>
</div>
别的都是对的 就是第一个按钮的样式一直是dq 其他的一直是no 变不了
求大家帮帮忙吧! 展开
我把代码贴上来大家看看吧。
幻灯片的js:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(".item1").hover(function(){$("#tit_fc1").slideDown("normal");}, function() {$("#tit_fc1").slideUp("fast");});
$(".item2").hover(function(){$("#tit_fc2").slideDown("normal");}, function() {$("#tit_fc2").slideUp("fast");});
$(".item3").hover(function(){$("#tit_fc3").slideDown("normal");}, function() {$("#tit_fc3").slideUp("fast");});
$(".item4").hover(function(){$("#tit_fc4").slideDown("normal");}, function() {$("#tit_fc4").slideUp("fast");});
});
var currentindex=1;
$("#flashBg").css("background-color",$("#flash1").attr("name"));
function changeflash(i) {
currentindex=i;
for (j=1;j<=5;j++){//此处的5代表你想要添加的幻灯片的数量与下面的5相呼应
if (j==i)
{$("#flash"+j).fadeIn("normal");
$("#flash"+j).css("display","block");
$("#f"+j).removeClass();
$("#f"+j).addClass("dq");
$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
}
else
{$("#flash"+j).css("display","none");
$("#f"+j).removeClass();
$("#f"+j).addClass("no");}
}}
function startAm(){
timerID = setInterval("timer_tick()",7000);//8000代表间隔时间设置
}
function stopAm(){
clearInterval(timerID);
}
function timer_tick() {
currentindex=currentindex>=5?1:currentindex+1;//此处的5代表幻灯片循环遍历的次数
changeflash(currentindex);}
$(document).ready(function(){
$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
startAm();
});
//]]>
</script>
按钮的代码:
<div class="flash_bar">
<div class="dq" id="f1" onclick="frame.changeflash(1)"></div>
<div class="no" id="f2" onclick="frame.changeflash(2)"></div>
<div class="no" id="f3" onclick="frame.changeflash(3)"></div>
<div class="no" id="f4" onclick="frame.changeflash(4)"></div>
<div class="no" id="f5" onclick="frame.changeflash(5)"></div>
</div>
别的都是对的 就是第一个按钮的样式一直是dq 其他的一直是no 变不了
求大家帮帮忙吧! 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询