<%@ 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: 图片路径不是./或者~/吗
@gzjiuying: 用浏览器的F12调试工具分析下
@摸鱼w: 子菜单点击没实现 还有轮播图
@慧☆星: 好的
@gzjiuying: 前面不说过了吗 让给加个默认的 行内样式
轮播图也是正常的 检查图片路径是否正确 正常加载图片
@摸鱼w: 行内样式是什么 ?
@gzjiuying: 上面图里面不就是吗 你var u3= document.getElementById("u3"); 这里一直获取的是空字符串 怎么可能走你写的判断 。 var u3= document.getElementById("u3"); 这是获取行内样式 不是你写在css文件里 获取 <style> 里的 两个方法要么 行内加个默认值 要么 在你判断里 要对空字符串做处理 , 这个问题好几个回答貌似都给你讲了啊