继续订单弹幕功能的实现篇(javascript代码),主要用到循环显示,思路:显示一条数据后,下面数据循环向上显示;
循环主体函数:
var currentBuyer=0;
function xianshi(){
nextDiv(currentBuyer);
currentBuyer++;
if(currentBuyer>nums-1){
currentBuyer=0;
}
if(currentBuyer < nums){
setTimeout(function(){
xianshi();
},6000);
}
}
xianshi();
其中nextdiv函数为显示下一条数据函数,currentBuyer为循环索引,和数据条数做相应对应层级关系;
其实实现还有其他方法,就是利用数据数组就行循环显示,实现的原理都是一样的,就是利用JS函数去实现,效果的话就用CSS实现,也可以用jQuery效果,具体大家可以适当去用JS技术去修饰显示特效。
案例代码下载地址:利用jQuery技术实现网页订单弹幕效果特效代码渐隐渐现效果带演示_js弹幕渐变效果-HTML5文档类资源-CSDN下载