搜索
查看: 1871|回复: 2

[界面] HTMLayout 如何写弹幕效果?

[复制链接]

4

主题

4

帖子

27

积分

新手入门

Rank: 1

积分
27
发表于 2018-5-17 13:25:57 | 显示全部楼层 |阅读模式
如何实现弹幕效果?getEles,在webform下正常用,在htmlayout下老是出问题。请高手优化下。

import win.ui;
import win.ui.menu;
import web.layout;
import mouse;
import web.layout.behavior.moveable;
import console;

var winform = win.form(text="";exmode="toolwindow");

//定制右键菜单
var popmenu = win.ui.popmenu(winform);
popmenu.addTable({
        {"菜单项";function(id){
                win.msgbox("本源码提供给aardio官方,根据aardio开源许可大家可以自由使用。", "作者:多多洛");
        }};
    {/*分隔线*/};
    {"退出";function(id){
        winform.close();
    }};
});

//窗体消息处理函数
winform.wndproc = function(hwnd,message,wParam,lParam){
    select( message ) {
        case 0x205/*_WM_RBUTTONUP*/{
            popmenu.popup()                     
        }
    }
}


winform.fullscreen(true); //全屏

//创建layout窗体
wbLayout = web.layout(winform);
wbLayout.html = /**
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="common.css" />
</head>
<body><div id ="view">
        <div id="lrc_area">大学英语四级考试大纲单词表
               
        </div>
        </div>
</body>
</html>
**/

wbLayout.css = /**

#view{
        background-color:#666666;width:1366px;height:300px;
}
#lrc_area {
        position: relative; top: 5%%; margin:0 *; width: max-intrinsic; padding: 0 10px;
        font-size: 36px; font-weight: bold; font-family: hakuyoxingshu7000;
        text-align: center; color: white;
        outline-color: #000; outline-style: glow;
        outline-width: 2px; outline-offset: 0;
        left:1366;
        behavior: moveable;
}
#lrc_area:hover {
        background-color:rgba(ff,ff,33,0.5);
}
**/
var str =  string.load("C:\software\aardio\dict4.txt")

winform.show();
var tab  = string.split(str,'\n')
var x,y,cx,cy = winform.getPos();
//歌词动态效果
var $target = wbLayout.getEle("lrc_area");
tmid = winform.addtimer(
        3000,
        function(hwnd,msg,id,tick){
               
               
        }
       
)



tmid = winform.addtimer(
    200/*毫秒*/,
    function(hwnd,msg,id,tick){       
        if (tonumber($target.style.left) < -300){
            $target.value = tab[math.random(1,#tab)]
                $target.style.left = cx;
        }       
            else{$target.style.left = tonumber($target.style.left) - 10;}
        }
   
);
//for(-lright;cx;1) {
        //$target.style.right= i++"%";
        //win.delay(50);
//}

win.loopMessage();
回复

使用道具 举报

12

主题

82

帖子

758

积分

培训班

积分
758
QQ
发表于 2018-5-17 14:37:04 | 显示全部楼层
本帖最后由 金满斗 于 2018-5-17 15:17 编辑

缺import web.layout.behavior.moveable;  库
估计是css上的差异
回复

使用道具 举报

42

主题

128

帖子

923

积分

荣誉会员

Rank: 8Rank: 8

积分
923
发表于 2018-5-17 16:26:04 | 显示全部楼层
import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add()
/*}}*/

import web.layout

var wb = web.layout( winform )
wb.html =
/**
<!doctype html>
<html>
<head>
    <style type="text/css">
    html,body{ height:100%; margin:0; }
   
    #container{
        position:absolute;
        right:300px;
        transition:right(linear,3s);
    }
    #container[move]{
        right:50px;
    }
    </style>
</head>
<body>
    <div id="container">
        a
    </div>
</body>
</html>
**/


wb.getEle(
"container").move = ""

winform.show()
win.loopMessage();


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2018-10-16 17:37 , Processed in 0.062500 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表