效果图: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>
评论
7条评论664050598 Lv.1 Chrome 123.0.0.0 Windows 回复
实在是太简约了,不错
江苏省南京市 电信
qwe258852 Lv.1 Chrome 111.0.0.0 Windows 回复
楼主加油,期待更好的内容
天津市 联通
qwe258852 Lv.1 Chrome 111.0.0.0 Windows 回复
我从未见过如此精彩的内容
天津市 联通
qwe258852 Lv.1 Chrome 111.0.0.0 Windows 回复
支持一下,黑蜘蛛博客有你更精彩
天津市 联通
schchenke Lv.1 Chrome 95.0.4638.69 Windows 回复
学习下吧
四川省成都市 移动
rt01234 Lv.1 Chrome 102.0.0.0 Windows 回复
看看
浙江省 电信
wlakys Lv.1 Chrome 69.0.3947.100 Windows 回复
学习下吧
河南省郑州市 移动