周三的推送里,和大家分享了一个有趣的互动玩法:
结果,没有同学回答正确答案。倒是有同学非常认真的研究了转盘,然后把老沙的话全部敲了一遍。
(老沙自然不会亏待认真的小朋友)
还有一位同学,选择要老沙的贴面吻,今天就给你这个机会!来吧!
言归正传,今天老沙就给和大家分享一下这个转盘是怎么在i排版(iPaiban.com)实现的。
其实,它的真身,就躺在【互动样式】的分类里。没错,弹幕样式都跑到【互动样式】分类里了!
就是这个:
❶
点击工具栏上最后一个的HTML按钮,进入代码编辑页面。
❷
把下图圈出来的数值改成0,就可以变成定点旋转。
好了,今天的教程就到这里。
开 玩 笑 !
你肯定还想实现多条文字旋转。
❶
接着上面的操作,还是点击工具栏上最后一个的HTML按钮,进入代码编辑页面。复制下图圈出来的代码。
❷
把这段代码粘在
(敲一下回车,粘贴就可以)
。需要几句,粘几次。
❸
这时候所有的字其实还重叠在一起,修改代码中from和to的数值,让文字分开。
无意中还暴露了数学水平,因为两个数值的差必须是
360
!
老沙改成了:
❹
你还可以修改旋转的时间:
dur表示旋转一圈的时间,数值越大,旋转的越慢。
把奖品信息藏在旋转的文字中,用这种方式给读者发奖,太有创意了!
文章开头的转盘旋转时间是6s,现在我们把它调成0.8s,旋转的文字就变成: