private static String getImg(Element ele)
{
// TODO 添加onclick
String imgCode = "";
// TODO 目前元素间只有元素节点,故使用ele.hasContent();
boolean isFold = ele.hasContent();
if (isFold)
{
String topoicID = ele.attributeValue(Constants.FACTURE_NAVI_TOPIC_ATTRIBUTE_TOPICID);
String altStr = "展开";
String srcSign = Constants.FACTURE_NAVI_PATH_IMG_PLUS;
String srcBook = Constants.FACTURE_NAVI_PATH_IMG_BOOK_FOLD;
imgCode = "<img alt=\"";
imgCode += altStr;
imgCode += "\" src=\"";
imgCode += srcSign;
imgCode += "\" onclick=\"showHideFacture('";
imgCode += topoicID;
imgCode += "');\"></img>";
imgCode += "<img alt=\"";
imgCode += altStr;
imgCode += "\" src=\"";
imgCode += srcBook;
imgCode += "\" onclick=\"showHideFacture('";
imgCode += topoicID;
imgCode += "\');\"></img>";
}
else
{
// TODO 动态判断alt
imgCode = "<img alt=\"[html]\" src=\"";
imgCode += Constants.FACTURE_NAVI_PATH_IMG_HTML;
imgCode += "\"></img>";
}
return imgCode;
}
/**
* <根据导航文件中的元素生成导航展示时需要的a代码>
* <功能详细描述>
* @param ele
* @return [参数说明]
*
* @return String [返回类型说明]
* @exception throws [违例类型] [违例说明]
* @see [类、类#方法、类#成员]
*/
private static String getA(Element ele)
{
String txt = ele.attributeValue(Constants.FACTURE_NAVI_TOPIC_ATTRIBUTE_NAME);
String topicID = ele.attributeValue(Constants.FACTURE_NAVI_TOPIC_ATTRIBUTE_TOPICID);
String url = ele.attributeValue(Constants.FACTURE_NAVI_TOPIC_ATTRIBUTE_URL);
String code = null;
if (txt != null && !"".equals(txt))
{
code = "<a class=\"li-a-b\" target=\"cFrame_110\" style=\"cursor:pointer;\" onclick=\"showHtmlContent(\\'"
+ url + "\\',"+"\\'"+topicID+"\\'"+")\">";
code += txt;
code += "</a>";
}
return code;
}
分享到:
相关推荐
在描述中提到了一个博客链接,虽然具体内容没有给出,但通常博主会分享如何使用 jQuery UI 创建菜单并实现滑动效果的步骤。这些步骤可能包括: 1. **引入库**:首先,你需要在 HTML 文件中引入 jQuery 和 jQuery UI...
在这个例子中,我们有`index.css`(样式文件)、`element-ui.js`(JavaScript组件库)和`vue.js`(Vue.js框架的核心库),以及字体文件`element-icons.ttf`和`element-icons.woff`用于图标显示。 2. **放置文件**:...
如果你还没有引入,可以在 `<head>` 或 `<body>` 标签底部添加 jQuery 的 CDN 链接或者本地路径: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 3) **jQuery UI JavaScript ...
本文将详细介绍如何使用jQuery UI 1.12.1版本创建和操作层级菜单。 首先,我们需要理解jQuery和jQuery UI的区别。jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果和Ajax交互。而jQuery UI则...
`jQuery UI Tabs` 支持多种配置选项和方法,如设置默认激活的选项卡、添加动态内容、禁用选项卡等。通过查阅官方文档,你可以根据项目需求自定义选项卡的行为。 总的来说,`jQuery UI Tabs` 是一个强大而灵活的组件...
本文将深入探讨如何使用jQuery UI创建具有渐变效果的二级下拉导航菜单,以及相关的前端技术和实践要点。 jQuery UI是一个强大的JavaScript库,它提供了丰富的UI组件,包括可拖动元素、可排序列表、日期选择器等。在...
jQuery UI 是一个强大的JavaScript库,它提供了...下拉菜单组件主要由两部分组成:触发元素(通常是按钮或链接)和显示的菜单列表。要创建一个基本的下拉菜单,首先需要引入jQuery和jQuery UI的CSS及JS文件。 ```html ...
此外,博文链接(https://onestopweb.iteye.com/blog/2277604)也可能会提供更详细的教程和使用案例,帮助你深入理解AmazeUI选项卡的使用和定制。 总之,AmazeUI的选项卡组件为开发者提供了构建高效、美观的网页...
这通常包括在HTML文件的`<head>`部分添加链接到AmazeUI的CSS文件,以及在`<body>`底部加载JavaScript库。 2. 创建导航结构。使用HTML编写基础的导航菜单,包括`<nav>`元素、`<ul>`列表和`<li>`列表项。每个列表项...
这可以通过添加点击事件监听器并设置`event.preventDefault()`来阻止默认的链接行为,然后根据需要执行相应的操作。 ```javascript $(".tabs ul li a").click(function(event) { event.preventDefault(); // 执行...
1. **基础列表(List)**:AmazeUI的基础列表主要包含`<ul>`和`<li>`元素,通过添加特定的CSS类,可以实现不同样式的列表,如无序列表、有序列表等。这些基础样式提供了清晰的视觉层次,使信息更容易被用户理解。 2...
同时,jQuery UI的API允许我们添加更多的交互特性,如禁用某个选项卡、添加事件监听器等。 例如,禁用第二个选项卡: ```javascript $("#tabs").tabs({ disabled: [1] // 索引从0开始,所以1代表第二个选项卡 }); ...
2. **CSS样式**:设置容器的溢出隐藏和图片宽度等于容器宽度,以实现无缝滚动。 ```css .image-slider { overflow: hidden; width: 100%; /* 根据实际需求设置宽度 */ } .image-slider img { width: 100%; } ``...
AmazeUI的面包屑导航提供了丰富的样式和定制选项。在源码中,你可以看到它主要由HTML、CSS和JavaScript三部分组成。HTML结构通常包含一个`<ol>`元素作为容器,里面包含一系列的`<li>`元素,每个`<li>`内有一个`<a>`...
- **列表**:使用`<ul>`、`<ol>`和`<li>`来表示列表和列表项。 **6. 弃用过时标签** - 避免使用如`<center>`、`<font>`和`<b>`等不被IE浏览器支持的标签。 **7. Title的合理应用** - `<a>`标签必须包含`title`...
通常,一个基本的树形节点由`<ul>`和`<li>`元素组成,每个`<li>`代表一个节点,可包含子节点或链接。例如: ```html <li>父节点1 <li>子节点1.1</a></li> <li>子节点1.2</a></li> </li> <li>父节点2</a>...
jQuery UI的灵活性在于可以对标签页进行各种自定义,例如改变默认样式、设置初始选中项、添加事件处理等。例如,我们可以通过以下方式设置第一个标签页为默认激活: ```javascript $("#tabs").tabs({ active: 0 })...
7. **链接**:`<a>`标签用于添加超链接,指向其他网页、PDF版本的简历或者在线作品集。 8. **图像**:使用`<img>`标签插入个人照片,注意提供`alt`属性以增加可访问性。 9. **CSS样式**:虽然这里是HTML简历,但...
jQuery UI库提供了一种简单易用的解决方案,即Draggable和Droppable组件,可以方便地实现元素的拖放操作。本文将详细介绍如何使用jQuery UI实现拖动排序。 首先,我们需要了解jQuery UI的基本概念。jQuery UI是基于...
这通常涉及使用`<ul>`和`<li>`标签来表示层次关系,以及使用`data-*`属性存储额外的菜单数据。 2. **jQuery**:由于提到了jQuery UI,可以推断出主要的JavaScript库是jQuery。利用jQuery的API,如`append()`、`find...