JSP页面动态效果总结

本文总结了JSP开发中的几种常见动态效果,包括数字滚动加载、横向进度条动态加载、圆形进度条以及页面导航栏的鼠标悬浮效果,通过JSP和JavaScript实现,为网页增添交互性。
摘要由CSDN通过智能技术生成

介绍几个在开发中常用的页面动态效果

1.数字滚动加载显示
jsp代码:<span id="tzje"></span>元
js代码:需要加载时调用numberR()方法。

//数值滚动加载方法
       function numberR(){
   
            $("#tzje").numberRoll({
                speed:10,
                count:tzje
            });
       } 

2.页面刷新,横向进度条动态加载
jsp代码:

<div id="progress1">         
    <div class="pbar" style="width:60%;"></div>
</div>

js代码:

$('#progress1').anim_progressbar({
  start: fast, finish: fastend, interval: 10});

3.圆形进度条
jsp代码:

<div class="circle"> 
    <div class="pie_left">
        <div class="left">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值