Javascript jQuery在显示div（幻灯片上）主体背景图像淡入效果更改时
滑块（jquery.bxslider）“ 我试图实现的是，当它滑动一个div时，“身体”背景图像会在淡入淡出过渡中发生变化，这对于分类主题很有用，我是jquery的新手，但我对它有一点了解，所以非常感谢您的帮助 这是到目前为止我的代码Javascript jQuery在显示div（幻灯片上）主体背景图像淡入效果更改时,javascript,jquery,html,css,Javascript,Jquery,Html,Css,滑块（jquery.bxslider）“ 我试图实现的是，当它滑动一个div时，“身体”背景图像会在淡入淡出过渡中发生变化，这对于分类主题很有用，我是jquery的新手，但我对它有一点了解，所以非常感谢您的帮助 这是到目前为止我的代码 <head> <meta charset="utf-8"> <title>Welcome Page Ver.2</title> <!-- jQuery library (served f
<head>
<meta charset="utf-8">
<title>Welcome Page Ver.2</title>
<!-- jQuery library (served from Google) -->
<script src="scripts/1.4/jquery.min.js"></script>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/plugins/jquery.easing.1.3.js"></script>
<!-- bxSlider Javascript file -->
<script src="scripts/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="scripts/nav.js"></script>
<script type="text/javascript" src="scripts/tinybox.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery.bxslider.css" rel="stylesheet" />
<link href="my.css" rel="stylesheet" />
</head>
<body>
<div class="slider1">
<div class="slide">1</div>
<div class="slide">2</div>
<div class="slide">3</div>
<div class="slide">3</div>
</div>
<script>
$(document).ready(function () {
$('.slider1').bxSlider({
slideWidth: 5000,
minSlides: 1,
maxSlides: 1,
slideMargin: 10,
infiniteLoop: true,
hideControlOnEnd: false,
mode: 'horizontal',
useCSS: false,
easing: 'easeOutElastic',
speed: 2000
});
});
</script>
</body>
欢迎浏览第2版
1.
2.
3.
3.
$（文档）.ready（函数（）{
$（'.slider1'）.bxSlider({
滑动宽度：5000，
米斯利德斯：1，
maxSlides:1，
幻灯片摘要：10，
无穷远：没错，
hideControlOnEnd:false，
模式：“水平”，
useCSS:false，
放松：“放松”，
速度：2000
});
});
我添加了一些示例图片设置
模式：'fade'