首页 新闻 会员 周边 捐助

谁帮我看下,这是全部的代码,请问二级菜单的display在script里面为啥无法设定

0
[待解决问题]

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" culture="auto" meta:resourcekey="PageResource1" uiculture="auto" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
<title>GZJiuying</title>

<link href="StyleSheet.css" rel="stylesheet" type="text/css" />

</head>
<style type="text/css">

</style>
<body>
<form id="form1" runat="server">
<div class="header">
Welcome to GZJiuying!<span class="span0">Email:<a href="mailto:gzjiuying@outlook.com">gzjiuying@outlook.com</a></span>
</div>
<div class="div0">
<img src="images/logo1.png" alt="logo" class="img_style0"/>
<ul class="nav_bar">
<li><a>Home page</a> </li>
<li><a>About us</a></li>
<li><a>Main products</a></li>
<li><a>Testimonials</a></li>
<li><a>Strength</a></li>
<li><a>Company news</a></li>
<li><a>Contact us</a></li>
</ul>
</div>

<div class="slideshow-container">
<div class="slide">
<img src="images/Aluminum foil tape25.jpg" height="300" alt="Image 1" style="width: 960px" />
</div>
<div class="slide">
<img src="images/bushing11.jpg" height="300" alt="Image 2" style="width: 960px" />
</div>
<div class="slide">
<img src="images/Graphtie sheet36.jpg" height="300" alt="Image 3" style="width: 960px" />
</div>
</div>
<div class="div0">
<div class="div1">
<ul class="ul_style2">
<li><a href="javascript: unfold_Click()">Insulation materials</a>
<ul class="ul_style3" id="u3">
<li><a>Polyimide tape/film</a></li>
<li><a>Insulation washer</a></li>
<li><a>Natural mica sheet</a></li>
<li><a>Red insulation gasket</a></li>
</ul>

</li>
<li><a>Thermal conductive materials</a></li>
<li><a>Hardware materials</a></li>
</ul>
</div>
<div class="div2"></div>
</div>
</form>

<script type="text/javascript">
const slides = document.querySelectorAll('.slide');
var currentSlide = 0;
function showSlide(index) {
slides.forEach((slide, i) => {
slide.classList.remove('active');
if (i == index) {
slide.classList.add('active');
}
});
}
function nextSlide() {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}
setInterval(nextSlide, 2200);
showSlide(currentSlide);

function unfold_Click()
{
var u3= document.getElementById("u3");
alert(u3.style.display);
if(u3.style.display=="none")
{
u3.style.display="block";

alert("11111111111111");
}
else if(u3.style.display=="block")
{
u3.style.display="none";

alert("wwwwwwwww");
}
}
</script>

</body>
</html>

gzjiuying的主页 gzjiuying | 菜鸟二级 | 园豆:236
提问于:2025-09-02 19:38
< >
分享
所有回答(3)
0

在触发unfold_Click的时候 u3.style.display为空字符串所以两个条件都不满足,默认给u3 的display设置为none或者block就行了

zmxmiss | 园豆:197 (初学一级) | 2025-09-02 19:58

在css里面设定了,u3对应的<ul> 已设定为 none

支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-03 10:20

ul_style3里面 已经设定为none

支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-03 10:24

@gzjiuying: u3.style.display 返回的内联 你在stlye 标签里面 写的 或者外部css 文件里写的 js获取不到的 所以上面那个兄弟说 u3.style.display 是空的

支持(0) 反对(0) 摸鱼w | 园豆:431 (菜鸟二级) | 2025-09-03 15:57
0

d6a1a051-9066-4a5f-8b8e-ad357de5409d
这样的 你 u3.style.display 才能获取到 不然 你一直获取的都是空字符串 走不了你的逻辑

摸鱼w | 园豆:431 (菜鸟二级) | 2025-09-03 15:59
0

u3.style.display = u3.style.display !== 'none' ? 'none' : 'block';

现在还有在搞webform的项目?基本这个都消失了。

张朋举 | 园豆:2042 (老鸟四级) | 2025-09-03 19:35

学习下。安这样的 也运行不出来
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" culture="auto" meta:resourcekey="PageResource1" uiculture="auto" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
<title>GZJiuying</title>

<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">

</style>
<body>
<form id="form1" runat="server">
<div class="header">
Welcome to GZJiuying!<span class="span0">Email:<a href="mailto:gzjiuying@outlook.com">gzjiuying@outlook.com</a></span>
</div>
<div class="div0">
<img src="images/logo1.png" alt="logo" class="img_style0"/>
<ul class="nav_bar">
<li><a>Home page</a> </li>
<li><a>About us</a></li>
<li><a>Main products</a></li>
<li><a>Testimonials</a></li>
<li><a>Strength</a></li>
<li><a>Company news</a></li>
<li><a>Contact us</a></li>
</ul>
</div>

<div class="slideshow-container">
<div class="slide">
<img src="images/Aluminum foil tape25.jpg" height="300" alt="Image 1" style="width: 960px" />
</div>
<div class="slide">
<img src="images/bushing11.jpg" height="300" alt="Image 2" style="width: 960px" />
</div>
<div class="slide">
<img src="images/Graphtie sheet36.jpg" height="300" alt="Image 3" style="width: 960px" />
</div>
</div>
<div class="div0">
<div class="div1">
<ul class="ul_style2">
<li><a href="javascript: unfold_Click()">Insulation materials</a>
<ul class="ul_style3" id="u3" style="display:none">
<li><a>Polyimide tape/film</a></li>
<li><a>Insulation washer</a></li>
<li><a>Natural mica sheet</a></li>
<li><a>Red insulation gasket</a></li>
</ul>

</li>
<li><a href="javascript: unfold0_Click()">Thermal conductive materials</a>
<ul class="ul_style3" id="u4" style="display:none">
<li><a>Polyimide tape/film</a></li>
<li><a>Insulation washer</a></li>
<li><a>Natural mica sheet</a></li>
<li><a>Red insulation gasket</a></li>
</ul>
</li>
<li><a href="javascript: unfold1_Click()">Hardware materials</a>
<ul class="ul_style3" id="u5" style="display:none">
<li><a>Polyimide tape/film</a></li>
<li><a>Insulation washer</a></li>
<li><a>Natural mica sheet</a></li>
<li><a>Red insulation gasket</a></li>
</ul>

</li>
</ul>
</div>
<div class="div2"></div>
</div>
</form>

<script type="text/javascript">
var slides = document.querySelectorAll('.slide');
var currentSlide = 0;
function showSlide(index) {
slides.forEach((slide, i) => {
slide.classList.remove('active');
if (i == index) {
slide.classList.add('active');
}
});
}
function nextSlide() {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}
setInterval(nextSlide, 2200);
showSlide(currentSlide);

function unfold_Click()
{
alert("++++++++++++++");
var u3= document.getElementById("u3");
if(u3.style.display"none")
{
u3.style.display="block";
}
else if(u3.style.display
"block")
{
u3.style.display="none";
}

function unfold0_Click()
{
alert("===========");
var u4= document.getElementById("u4");
if(u4.style.display
"none")
{
u4.style.display="block";
}
else if(u4.style.display
"block")
{
u4.style.display="none";
}

function unfold1_Click()
{
alert("00000000000000");
var u5= document.getElementById("u5");
if(u5.style.display"none")
{
u5.style.display="block";
}
else if(u5.style.display
"block")
{
u5.style.display="none";
}
}
</script>

</body>
</html>

支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-04 21:33

只能用一次

支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-04 22:07

@gzjiuying: 你很倔强呀,非要用if还else if,你的2个状态不是全部,还有"",把else的if去了!

画蛇添足!!!

支持(0) 反对(0) 张朋举 | 园豆:2042 (老鸟四级) | 2025-09-06 16:31

@张朋举: 去掉没事,不影响,关键是怎么只能使用一次

支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-06 21:31
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <body>
    
    <div class="div0">
        <div class="div1">
            <ul class="ul_style2">
                <li><a href="javascript: unfold_Click()">Insulation materials</a>
                    <ul class="ul_style3" id="u3" style="display:none">
                        <li><a>Polyimide tape/film</a></li>
                        <li><a>Insulation washer</a></li>
                        <li><a>Natural mica sheet</a></li>
                        <li><a>Red insulation gasket</a></li>
                    </ul>
    
                </li>
                <li><a>Thermal conductive materials</a></li>
                <li><a>Hardware materials</a></li>
            </ul>
        </div>
        <div class="div2"></div>
    </div>
    
    
    <script type="text/javascript">
        const slides = document.querySelectorAll('.slide');
        var currentSlide = 0;
    
        function showSlide(index) {
            slides.forEach((slide, i) => {
                slide.classList.remove('active');
                if (i == index) {
                    slide.classList.add('active');
                }
            });
        }
    
        function nextSlide() {
            currentSlide = (currentSlide + 1) % slides.length;
            showSlide(currentSlide);
        }
    
        setInterval(nextSlide, 2200);
        showSlide(currentSlide);
    
        function unfold_Click() {
            let u3 = document.getElementById("u3");
            
            if (u3.style.display !== 'none') {
                u3.style.display = 'none';
            } else {
                u3.style.display = 'block';
            }
        }
    </script>
    
    </body>
    </html>

     

支持(0) 反对(0) 张朋举 | 园豆:2042 (老鸟四级) | 2025-09-06 23:57

@张朋举: 另外两个子菜单 怎么?

支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-07 10:25

还有个问题, 这段代码没问题吗?运行下

const slides = document.querySelectorAll('.slide');
var currentSlide = 0;

function showSlide(index) {
    slides.forEach((slide, i) => {
        slide.classList.remove('active');
        if (i == index) {
            slide.classList.add('active');
        }
    });
}

function nextSlide() {
    currentSlide = (currentSlide + 1) % slides.length;
    showSlide(currentSlide);
}

setInterval(nextSlide, 2200);
showSlide(currentSlide);
支持(0) 反对(0) gzjiuying | 园豆:236 (菜鸟二级) | 2025-09-07 13:57

@gzjiuying: 这不前段时间根据你写的 轮播切换优化后的代码吗 没有问题的

支持(0) 反对(0) 摸鱼w | 园豆:431 (菜鸟二级) | 2025-09-08 10:24
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册