欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

仿京东右侧固定栏

程序员文章站 2024-03-20 21:18:16
...
<script type="text/javascript" src="jquery-1.12.4.js"></script>
	<script type="text/javascript">
		$(".ss").hover(function(){
			//dfs是当前元素的下标
			var dfs = $(".ss").index(this)
			//当前元素添加样式的子级元素显示的之后的同辈元素添加样式
			$(".ss").eq(dfs).addClass("bei").children(".onetext").show().next(".item").addClass("bei");
		},function(){
			var dfs = $(".ss").index(this)
			//当前元素移除样式的子级元素隐藏的之后的同辈元素移除样式
			$(".ss").eq(dfs).removeClass("bei").children(".onetext").hide().next(".item").removeClass("bei");
		})
	</script>