`
ganjuelovejava
  • 浏览: 94250 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

UI LI添加图片和链接

阅读更多
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 的一个菜单滑动效果

    在描述中提到了一个博客链接,虽然具体内容没有给出,但通常博主会分享如何使用 jQuery UI 创建菜单并实现滑动效果的步骤。这些步骤可能包括: 1. **引入库**:首先,你需要在 HTML 文件中引入 jQuery 和 jQuery UI...

    Element-UI本地引入

    在这个例子中,我们有`index.css`(样式文件)、`element-ui.js`(JavaScript组件库)和`vue.js`(Vue.js框架的核心库),以及字体文件`element-icons.ttf`和`element-icons.woff`用于图标显示。 2. **放置文件**:...

    关于jQuery-Ui的引用文件

    如果你还没有引入,可以在 `&lt;head&gt;` 或 `&lt;body&gt;` 标签底部添加 jQuery 的 CDN 链接或者本地路径: ```html &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; ``` 3) **jQuery UI JavaScript ...

    jquery-ui.min1.12.1.zip

    本文将详细介绍如何使用jQuery UI 1.12.1版本创建和操作层级菜单。 首先,我们需要理解jQuery和jQuery UI的区别。jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果和Ajax交互。而jQuery UI则...

    jqueryui tabs

    `jQuery UI Tabs` 支持多种配置选项和方法,如设置默认激活的选项卡、添加动态内容、禁用选项卡等。通过查阅官方文档,你可以根据项目需求自定义选项卡的行为。 总的来说,`jQuery UI Tabs` 是一个强大而灵活的组件...

    漂亮的jquery UI 渐变二级下拉导航菜单

    本文将深入探讨如何使用jQuery UI创建具有渐变效果的二级下拉导航菜单,以及相关的前端技术和实践要点。 jQuery UI是一个强大的JavaScript库,它提供了丰富的UI组件,包括可拖动元素、可排序列表、日期选择器等。在...

    jquery UI 下拉菜单

    jQuery UI 是一个强大的JavaScript库,它提供了...下拉菜单组件主要由两部分组成:触发元素(通常是按钮或链接)和显示的菜单列表。要创建一个基本的下拉菜单,首先需要引入jQuery和jQuery UI的CSS及JS文件。 ```html ...

    AmazeUI 选项卡

    此外,博文链接(https://onestopweb.iteye.com/blog/2277604)也可能会提供更详细的教程和使用案例,帮助你深入理解AmazeUI选项卡的使用和定制。 总之,AmazeUI的选项卡组件为开发者提供了构建高效、美观的网页...

    AmazeUI 流动侦测导航

    这通常包括在HTML文件的`&lt;head&gt;`部分添加链接到AmazeUI的CSS文件,以及在`&lt;body&gt;`底部加载JavaScript库。 2. 创建导航结构。使用HTML编写基础的导航菜单,包括`&lt;nav&gt;`元素、`&lt;ul&gt;`列表和`&lt;li&gt;`列表项。每个列表项...

    Jquery改装的tabs页面,鼠标移动上去切换,可以点击链接和jquery的UI是不同的

    这可以通过添加点击事件监听器并设置`event.preventDefault()`来阻止默认的链接行为,然后根据需要执行相应的操作。 ```javascript $(".tabs ul li a").click(function(event) { event.preventDefault(); // 执行...

    AmazeUI 列表

    1. **基础列表(List)**:AmazeUI的基础列表主要包含`&lt;ul&gt;`和`&lt;li&gt;`元素,通过添加特定的CSS类,可以实现不同样式的列表,如无序列表、有序列表等。这些基础样式提供了清晰的视觉层次,使信息更容易被用户理解。 2...

    jquery_选项卡_tabs_ui3g.com

    同时,jQuery UI的API允许我们添加更多的交互特性,如禁用某个选项卡、添加事件监听器等。 例如,禁用第二个选项卡: ```javascript $("#tabs").tabs({ disabled: [1] // 索引从0开始,所以1代表第二个选项卡 }); ...

    上下滚动的jQuery图片展示

    2. **CSS样式**:设置容器的溢出隐藏和图片宽度等于容器宽度,以实现无缝滚动。 ```css .image-slider { overflow: hidden; width: 100%; /* 根据实际需求设置宽度 */ } .image-slider img { width: 100%; } ``...

    AmazeUI 面包屑导航

    AmazeUI的面包屑导航提供了丰富的样式和定制选项。在源码中,你可以看到它主要由HTML、CSS和JavaScript三部分组成。HTML结构通常包含一个`&lt;ol&gt;`元素作为容器,里面包含一系列的`&lt;li&gt;`元素,每个`&lt;li&gt;`内有一个`&lt;a&gt;`...

    ui规范文档

    - **列表**:使用`&lt;ul&gt;`、`&lt;ol&gt;`和`&lt;li&gt;`来表示列表和列表项。 **6. 弃用过时标签** - 避免使用如`&lt;center&gt;`、`&lt;font&gt;`和`&lt;b&gt;`等不被IE浏览器支持的标签。 **7. Title的合理应用** - `&lt;a&gt;`标签必须包含`title`...

    jquery ui改造旧版的导航树

    通常,一个基本的树形节点由`&lt;ul&gt;`和`&lt;li&gt;`元素组成,每个`&lt;li&gt;`代表一个节点,可包含子节点或链接。例如: ```html &lt;li&gt;父节点1 &lt;li&gt;子节点1.1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;子节点1.2&lt;/a&gt;&lt;/li&gt; &lt;/li&gt; &lt;li&gt;父节点2&lt;/a&gt;...

    jquery ui 标签

    jQuery UI的灵活性在于可以对标签页进行各种自定义,例如改变默认样式、设置初始选中项、添加事件处理等。例如,我们可以通过以下方式设置第一个标签页为默认激活: ```javascript $("#tabs").tabs({ active: 0 })...

    32个html个人简历

    7. **链接**:`&lt;a&gt;`标签用于添加超链接,指向其他网页、PDF版本的简历或者在线作品集。 8. **图像**:使用`&lt;img&gt;`标签插入个人照片,注意提供`alt`属性以增加可访问性。 9. **CSS样式**:虽然这里是HTML简历,但...

    jquery ui实现拖动排序

    jQuery UI库提供了一种简单易用的解决方案,即Draggable和Droppable组件,可以方便地实现元素的拖放操作。本文将详细介绍如何使用jQuery UI实现拖动排序。 首先,我们需要了解jQuery UI的基本概念。jQuery UI是基于...

    期待jQuery UI 的menu,先根据M2版改造一个无限层级菜单

    这通常涉及使用`&lt;ul&gt;`和`&lt;li&gt;`标签来表示层次关系,以及使用`data-*`属性存储额外的菜单数据。 2. **jQuery**:由于提到了jQuery UI,可以推断出主要的JavaScript库是jQuery。利用jQuery的API,如`append()`、`find...

Global site tag (gtag.js) - Google Analytics