彈幕
發射 }
/* pages/market/market.wxss */
.slide-image
/* 彈幕選擇按鈕的操作*/
.barrage-switch
/* 彈幕輸入框的操作*/
.barrage-inputtext
.barrage-input
.barrage-shoot
.shoot
/*彈幕飛飛飛*/
.barrage-fly
.barrage-textfly
// pages/market/market.js
var barrage_style_arr = ;
var barrage_style_obj = {};
var phonewidth = 0;
var timers = ;
var timer;
page(,
// 生命週期函式--監聽頁面載入
onload: function (options) )}})
phonewidth = that.data.barrage_phonewidth;
console.log(phonewidth);
},//是否開啟彈幕...
barrageswitch: function (e) );
//清除定時器
clearinterval(timer);
} else );
//開啟定時器
timer = setinterval(this.barragetext_move, 800)}},
//發射按鈕
shoot: function (e) ;
barrage_style_arr.push(barrage_style_obj);
this.setdata()
//定時器 讓彈幕動起來
// this.timer= setinterval(this.barragetext_move,800);
},//定時器 讓彈幕動起來
barragetext_move: function () )
// clearinterval(this.timer);
return;}}
console.log("第" + i + "個定時器:", textmove);
this.setdata()}},
//繫結發射輸入框，將值傳遞給data裡的bind_shootvalue，發射的時候呼叫
bind_shoot: function (e) )
},})
微信小程式之公告字幕滾動（自下而上）
實現框內的文字自下而上的自動迴圈滾動。demo 通過控制滑動條來完成字幕滾動，通過setinterval完成字幕迴圈滾動。wxml 09 08 很多人的一生，基本都是自己跟別人較勁，比如別人對自己的期待，比如把別人看得太重把自己看得太輕。其實乙個人最應該考慮的問題是，自己如何與自己相處，比如人去樓空...
小程式scroll view實現左右聯動
wxml js data scroll function e 通過繫結事件scroll,每次單擊獲取對應元素的id,再將其繫結到intoindex上,此處是將intoindex接下來顯示的內容要跳轉到的位置,即id content 處,由於官方規定id不能以數字開頭,所以intoindex前面加上了...
小程式橫向滾動tab
效果圖 要點介紹 1，scroll view 設定為橫向滑動scroll x true scroll x true class ip tab comtainer class ip tab comtainer padd view wx for wx for item ip wx key class b...