专栏名称: 微互动
运营营销百科全书,运营知识、营销案例、实用教程、更新资讯、功能解读、系统课程,尽在微互动
目录
相关文章推荐
BCG波士顿咨询  ·  新年扬帆再出发,携手逐梦同奋进 ·  3 天前  
汇易咨询  ·  JCI:蛇年大吉大利,美麦涨幅领先吐祥瑞 ·  3 天前  
51好读  ›  专栏  ›  微互动

转转转转转转转转转转转转转转转转转转转转

微互动  · 公众号  ·  · 2017-10-03 08:00

正文



周三的推送里,和大家分享了一个有趣的互动玩法:





———— 大师兄,师父被妖怪抓走了 ———— 二师兄,师父被妖怪抓走了 ———— 大师兄,二师兄被妖怪抓走了 ———— 大师兄,二师兄和妖怪都被师父抓走了 ———— 二师兄,大师兄去找观影菩萨了 ———— 大师兄,二师兄说他回高老庄了 ———— 师父,你就饶了大师兄这一回吧 ———— 二师兄,大师兄让我们就在这里等他 ———— 师父,来,喝点水 ———— 大师兄,我留在这里照顾师父 ———— 师父,大师兄说得对! ———— 大师兄,二师兄说的对! ———— 师父,大师兄和二师兄说的对! ———— 放心吧,师父,大师兄会来救咱们的 ———— 大师兄,师父说的也是气话 ———— 二师兄,这就是你的不对了 ———— 师父,不能赶走大师兄啊 ———— 大师兄,师父和我在这里! ———— 二师兄,你就少说两句吧 ———— 妖怪!还我师父!!





结果,没有同学回答正确答案。倒是有同学非常认真的研究了转盘,然后把老沙的话全部敲了一遍。 (老沙自然不会亏待认真的小朋友) 还有一位同学,选择要老沙的贴面吻,今天就给你这个机会!来吧!



言归正传,今天老沙就给和大家分享一下这个转盘是怎么在i排版(iPaiban.com)实现的。



其实,它的真身,就躺在【互动样式】的分类里。没错,弹幕样式都跑到【互动样式】分类里了!


就是这个:



旋转跳跃我不停歇



点击工具栏上最后一个的HTML按钮,进入代码编辑页面。


把下图圈出来的数值改成0,就可以变成定点旋转。




旋转跳跃我不停歇




好了,今天的教程就到这里。


开 玩 笑 !


你肯定还想实现多条文字旋转。


接着上面的操作,还是点击工具栏上最后一个的HTML按钮,进入代码编辑页面。复制下图圈出来的代码。


把这段代码粘在

(敲一下回车,粘贴就可以) 。需要几句,粘几次。

这时候所有的字其实还重叠在一起,修改代码中from和to的数值,让文字分开。


无意中还暴露了数学水平,因为两个数值的差必须是 360


老沙改成了:

你还可以修改旋转的时间:

dur表示旋转一圈的时间,数值越大,旋转的越慢。


把奖品信息藏在旋转的文字中,用这种方式给读者发奖,太有创意了!


文章开头的转盘旋转时间是6s,现在我们把它调成0.8s,旋转的文字就变成:




旋转跳跃我不停歇 旋转跳跃我不停歇 旋转跳跃我不停歇






请到「今天看啥」查看全文