随便撸(www.suibianlu.com)精品网站源码,织梦建站模版,游戏源代码分享平台
当前位置:网站首页 js特效 名站特效 正文

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

时间:2019-05-17 [名站特效]作者:木子10086

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

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>


本文标签:

转载请注明来源:jQuery仿百度新闻标签云关键词代码

本文永久链接地址:https://www.suibianlu.com/14331.html

郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法链接失效或侵犯版权,请给我们来信:admin@suibianlu.com

Top