javascript手风琴代码是一种常用的交互式网页设计技术,它可以使用户在浏览网页时能够更加直观地看到内容。它的原理是,当用户点击一个标题时,会显示该标题下的内容,而其他标题则会收起来。
javascript手风琴代码的实现原理很简单,只要使用html和css来创建一个手风琴效果,然后使用javascript来控制标题和内容的显示和隐藏。下面是一个典型的javascript手风琴代码例子:
<div class="accordion"> <div class="accordion-item"> <a href="#">Title 1</a> <div class="content"> Content 1 </div> </div> <div class="accordion-item"> <a href="#">Title 2</a> <div class="content"> Content 2 </div> ... ... ... ... ... ... ... ... ... ... ... ... ... ... <:script type="text/javascript" src="accordion.js" />:script> // 加载js文件 // 加载js文件 // 加载js文件 // 加载js文件 // 加载js文件 // 加载js文件 // 加载js文件 // 加载js文件 // 加载js文件
可以使用手风琴控件对标题窗格进行分组。
import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.control.Accordion; import javafx.scene.control.Button; import javafx.scene.control.TitledPane; import javafx.stage.Stage; //from w w w .j ava 2 s .com public class Main extends Application { public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage primaryStage) { Group g = new Group(); Scene scene = new Scene(g, 550, 250); TitledPane t1 = new TitledPane("T1", new Button("B1")); TitledPane t2 = new TitledPane("T2", new Button("B2")); TitledPane t3 = new TitledPane("T3", new Button("B3")); Accordion accordion = new Accordion(); accordion.getPanes().addAll(t1, t2, t3); g.getChildren().add(accordion); primaryStage.setScene(scene); primaryStage.show(); } }
上面的代码生成以下结果。
import javafx.application.Application; import javafx.beans.value.ObservableValue; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.control.Accordion; import javafx.scene.control.Button; import javafx.scene.control.TitledPane; import javafx.stage.Stage; public class Main extends Application { public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage primaryStage) { Group g = new Group(); Scene scene = new Scene(g, 550, 250); TitledPane t1 = new TitledPane("T1", new Button("B1")); TitledPane t2 = new TitledPane("T2", new Button("B2")); TitledPane t3 = new TitledPane("T3", new Button("B3")); Accordion accordion = new Accordion(); accordion.getPanes().addAll(t1, t2, t3); accordion.expandedPaneProperty().addListener( (ObservableValue<? extends TitledPane> ov, TitledPane old_val, TitledPane new_val) -> { if (new_val != null) { System.out.println(accordion.getExpandedPane().getText()); } }); g.getChildren().add(accordion); primaryStage.setScene(scene); primaryStage.show(); } }
当在手风琴中打开标题窗格时,手风琴的扩展窗格属性改变。
上面的代码生成以下结果。
Java toDegrees() 方法Java Number类toDegrees() 方法用于将参数转化为角度。语法double toDegrees(double d)参数d-- 任何原生数...
Java面向对象设计 -Java this关键字 什么是 this?Java有一个名为 this 的关键字。它是对类的当前实例的引用。它只能在实例的上...
JPA教程 - JPA ElementCollection字符串映射示例JPA(Java Persistence API)是 Sun 官方提出的 Java 持久化规范。它为Java开发人...
协程(Coroutine)这个词其实有很多叫法,比如有的人喜欢称为纤程(Fiber),或者绿色线程(GreenThread)。其实究其本质,对于...
Java matches() 方法JavaString类matches() 方法用于检测字符串是否匹配给定的正则表达式。调用此方法的 str.matches(regex) 形...