jQuery给控件换图片

最新推荐文章于 2024-09-14 13:46:29 发布

Black-rabbit

最新推荐文章于 2024-09-14 13:46:29 发布

阅读量433

点赞数

CC 4.0 BY-SA版权

分类专栏：页面

本文链接：https://blog.youkuaiyun.com/zhangli865621030/article/details/38817819

页面专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用JavaScript为网页头部设置动态背景图片的方法。通过判断变量值决定加载不同ID对应的图片资源，实现了背景图的动态展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
$(function(){
var ss = <%=tid%>;
if (ss!=null){
var src='${pageContext.request.contextPath}/line/images/<%=tid%>'+'.jpg';
src="url("+src+")";
$("#header").css("background-image",src); 
}else{
var src='${pageContext.request.contextPath}/line/images/header_bg.jpg';
src="url("+src+")";
$("#header").css("background-image",src); 
}
});

</script>
</head>
<body>
<div id="wrapper">
    <div id="header"></div>

注意：要将动态的值赋予一个变量之后再放到url里面，否则显示不了