jquery hover事件仿淘宝商城广告图片高亮显示插件


jquery hover事件仿淘宝商城广告图片高亮显示插件
jquery hover事件仿淘宝商城广告图片高亮显示插件以及图片高亮显示等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

3. HTML代码

<script type="text/javascript">
$(function(){
	$(".logo_sleft li").hover(function(){
		if( $(this).find(">img").length >0){
			$(this).find(">img").css("display","none");
			$(this).find(">a").css("display","block").addClass("pinpai");
		}else{
			$(this).css("background","#000");
			$(this).find(">a").addClass("pinpai");
		}
	},function(){
		if($(this).find(">img").length >0){
			$(this).find(">img").css("display","block");
			$(this).find(">a").css("display","none").removeClass("pinpai");
		}else{
			$(this).css("background","#d2d2d2");
			$(this).find(">a").removeClass("pinpai");
		}
	});
	$(".tupin_lift a").mouseover(function(){
		$(this).addClass("qq").parent().addClass("hover");
	}).mouseout(function(){
		$(this).removeClass("qq").parent().removeClass("hover");
	});
});
</script>
<div class="inbox">
	<div class="tupin_lift">
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
	</div>
	<div class="logo_sleft">
		<ul>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/3.png"><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><img alt="" src="images/pinpai/2.png"><a href="https://www.51qianduan.com/">51前端</a></li>
		</ul>
	</div>
</div>

相关推荐

发表评论

相关文章