前端---轮播图（渐显、变大变小）

最新推荐文章于 2024-05-07 03:39:03 发布

铃兰_

最新推荐文章于 2024-05-07 03:39:03 发布

阅读量995

点赞数 1

本文链接：https://blog.csdn.net/weixin_45881192/article/details/104276546

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/JQuery/jquery-2.1.4.js"></script>
			
		<script>
        
        //要用多回  抽成 切换图片函数         传数组
        function bannerImg(count,Img,dot) {
//方法1：让索引为count的li元素   显示,        siblings其他li元素    隐藏
//          $(Img).eq(count).show(3000).siblings("li").hide(2000);

//方法2：fadeIn("slow")渐显       fadeOut("slow")渐隐。如果再用.stop()  可以先停止 再fade啥 使更慢
   Img.eq(count).fadeIn("slow").siblings("li").fadeOut("slow");
   //此处可以不用$包着了，本身就是传进来的jquery对象数组

//方法3  margin-left  -580px
            
           
            
            //切换当前索引的小圆点样式=增删css 用对应的class 
            dot.eq(count).addClass("dot").siblings("li").removeClass("dot");
            //通过dot获取和图片同索引的圆点  给它加dot的样式，  并给其他兄弟li 删

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

铃兰_

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端---轮播图（渐显、变大变小）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/JQuery/jquery-2.1.4.js"></script> ...
复制链接

扫一扫