如何解决如何使用HTML和CSS作为Java应用程序GUI？？

您可以将Web浏览器组件嵌入到Java Swing / JavaFX Desktop应用程序中，该应用程序显示使用HTML5 + CSS + JavaScript构建的GUI。您可以在http://java.dzone.com/articles/htmlcssjavascript-gui- java-0上看到描述此操作方法的文章。

Jxbrowser是可将Chromium嵌入Java应用程序的Java Swing/ JavaFX库之一。使用Jxbrowser API，您可以加载任何网页并使用其DOM和JavaScript。您甚至可以从JavaScript代码调用Java方法，反之亦然。例如：

import com.teamdev.jxbrowser.chromium.browser;
import com.teamdev.jxbrowser.chromium.JSFunctionCallback;
import com.teamdev.jxbrowser.chromium.JSObject;
import com.teamdev.jxbrowser.chromium.JSValue;
import com.teamdev.jxbrowser.chromium.events.FinishLoadingEvent;
import com.teamdev.jxbrowser.chromium.events.LoadAdapter;

public class JavaScriptJavaSample {
    public static void main(String[] args) {
        browser browser = new browser();
        browser.addLoadListener(new LoadAdapter() {
            @Override
            public void onFinishLoadingFrame(FinishLoadingEvent event) {
                if (event.isMainFrame()) {
                    browser browser = event.getbrowser();
                    JSObject window = (JSObject)
                            browser.executeJavaScriptAndReturnValue("window");
                    window.setProperty("MyFunction", new JSFunctionCallback() {
                        @Override
                        public Object invoke(Object... args) {
                            for (Object arg : args) {
                                System.out.println("arg = " + arg);
                            }
                            return "Hello!";
                        }
                    });
                    JSValue returnValue = browser.executeJavaScriptAndReturnValue(
                            "MyFunction(''Hello Jxbrowser!'', 1, 2, 3, true);");
                    System.out.println("return value = " + returnValue);
                }
            }
        });
        browser.loadURL("about:blank");
    }
}

解决方法

arator/>
  arator/>
  

function showMore() {
  document.getElementById("more-text").hidden = false;
}

<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
  <i><font color="blue"><strong>Welcome</strong> Today's date is : </font></i>
</marquee>

<script language="javascript">
 var today = new Date();
 document.write(today);
 </script>

<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
   <i>
      <font color="blue">
        Today's date is : 
        <strong>
         <span id="time"></span>
        </strong>           
      </font>
   </i>
</marquee>

var today = new Date();
document.getElementById('time').innerHTML=today;

<p>
    <span id="dtText"></span>
</p>

.marquee {
   width: 350px;
   margin: 0 auto;
   background:yellow;
   white-space: Nowrap;
   overflow: hidden;
   Box-sizing: border-Box;
   color:blue;
   font-size:18px;
}

.marquee span {
   display: inline-block;
   padding-left: 100%;
   text-indent: 0;
   animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0%   { transform: translate(0,0); }
    100% { transform: translate(-100%,0); }
}

var today = new Date();
document.getElementById('dtText').innerHTML=today;