div背景图片切换淡入淡出效果
jq部分:
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var currentIndex = 0;
function changeBg(){
//定义要切换的背景图片，双引号里面，可以放任意多个
var bgImgs = ["0.jpg","1.jpg","2.jpg"];
$('#main1').fadeTo('slow', 0.3, function()
{
if (currentIndex >= bgImgs.length)
currentIndex = 0;
$(this).css('background-image', 'url(images/' + bgImgs[currentIndex] + ')');
}).fadeTo('slow', 1);
currentIndex += 1;
}
setInterval("changeBg()", 5000); //设定定时切换，单位为毫秒，比如：30分钟=1800秒=1800000毫秒
</script>
css部分：
body{font-size:12px; margin:0; padding:0; overflow:hidden; }
#main1{width:1280px; height:912px;}
html部分：
<body>
<div id="main1" style="background:url(images/0.jpg)"></div>
</body>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！