jQuery仿百度新闻标签云关键词代码

  • 内容
  • 相关

效果图:

1.jpg

jQuery仿百度新闻标签云关键词代码是一款扁平化风格带动画效果的百度新闻热搜新闻词标签云特效。

js代码:

<script src="jquery/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('.divA1').eq($(this).index()).animate({top:'0'},5)
})
			$('li').mouseenter(function(){
		$(this).css('background-color','rgb(24,68,142)')
		$('.divA').eq($(this).index()).animate({top:'0'},300)
		$('.divA').eq($(this).index()).animate({top:'100%'},150)
		$('.divA1').eq($(this).index()).animate({top:'100%'},150)
		$(this).find('.divA2').animate({top:'100%'},300)
	})
	$('li').mouseleave(function(){
		$('.divA1').eq($(this).index()).animate({top:'0'},150)
		$('.divA').eq($(this).index()).animate({top:'-100%'},10)
		$(this).find('.divA2').animate({top:'0'},150)
		$(this).css('background','rgb(40,100,187)')
	})

</script>
需要登录才能下载
黑蜘蛛

本文标签:

版权声明:若无特殊注明,本文皆为《ღ軍尐ღ》原创,转载请保留文章出处。

字数统计:本文共有 《838》 个。

本文链接:jQuery仿百度新闻标签云关键词代码 - https://4dn.net/web/65.html