`

隐藏列表显示状态的js技巧

 
阅读更多
function hidConutry(evt){ 
    evt = (evt)?evt :((window.event)?event:null); 
    var divElement = (evt.srcElement ? evt.srcElement.id:evt.target.id); 
    var ss = divElement+""; 
    if(ss!=("imgCountry")&&divElement.indexOf("_city_") < 0){ 
        if($("country")!=""&&$("country")!=null) 
        { 
            $("country").style.visibility = "hidden"; 
        } 
    } 
     
} 

<BODY onclick="hidConutry(event);"> 
</BODY>
分享到:
评论

相关推荐

    完美的鼠标放上去jquery显示隐藏层

    这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停(hover)时动态显示或隐藏元素的技巧。这种技术能够使用户在浏览网页时更加直观地获取信息,比如悬停在某个按钮或链接上时,弹出相关的提示信息。 ...

    JS实现密码框的显示密码和隐藏密码功能示例

    这里我们将详细讨论如何使用JavaScript实现这个功能,以及涉及到的相关技巧。 首先,密码框通常以`&lt;input type="password"&gt;`的形式存在于HTML的`&lt;form&gt;`表单中,它会自动隐藏用户输入的字符,以星号或圆点代替。...

    css3 transform 14种侧边栏导航的隐藏和显示动画效果

    总的来说,掌握CSS3的`transform`属性以及相关的CSS和JavaScript技巧,对于创建现代、动态的网页界面至关重要。这14种侧边栏导航动画效果的实现,不仅可以提升用户体验,也是展示开发者技能和创造力的好机会。通过...

    jqurey插件隐藏显示层

    `toggle`这个术语在jQuery中代表切换状态,意味着它会根据当前元素的状态(显示或隐藏)执行相反的操作。例如,如果一个元素是隐藏的,`toggle`将会显示它;反之,如果元素是显示的,`toggle`则会将其隐藏。 在...

    小程序多列表展示和隐藏

    在WXML中,我们需要为触发列表显示/隐藏的箭头元素绑定`tap`事件,并传递当前列表的标识。 ```html 切换列表1 切换列表2 ``` 5. **优化与性能考虑**: - **虚拟列表**:如果列表内容较多,可以使用虚拟列表(`...

    js/jquery实现的指定元素的隐藏显示

    "js/jquery实现的指定元素的隐藏显示"这一主题涵盖了如何利用这两种强大的工具来改变HTML元素的显示状态,以及如何处理文本内容的变化。以下是关于这些知识点的详细说明。 首先,让我们了解一下JavaScript的基础...

    Angular实现点击按钮控制隐藏和显示功能示例

    在控制器中定义了两个布尔类型的属性`$scope.show`和`$scope.hide`,它们分别控制两个`&lt;div&gt;`元素的显示和隐藏状态。`ng-show`是一个AngularJS的指令,用来根据条件的真假来显示或隐藏HTML元素。例如,`...

    js 进行打印控制 打印时隐藏按钮

    根据给定文件的信息,本文将深入探讨如何使用JavaScript来实现网页打印时的元素隐藏功能,并进一步解析相关的技术细节。 ### 知识点一:JavaScript控制打印 #### 1.1 理解`window.onbeforeprint`与`window....

    随着页面鼠标的滑动页眉页脚导航栏的自动隐藏与显示

    总结来说,"随着页面鼠标的滑动页眉页脚导航栏的自动隐藏与显示"是一种现代网页设计技术,它利用HTML5、CSS3和Headroom.js库,通过监听滚动事件来控制元素的显示状态,实现平滑的动画效果。这种方法不仅可以优化网页...

    javascript实现分栏显示小技巧附图.docx

    此技巧的核心在于利用JavaScript动态修改DOM元素的样式属性来达到隐藏或显示的效果。具体而言,它通过改变特定DOM元素的`display`属性值以及替换用于控制显示状态的按钮图像来完成这一过程。 #### 三、实现步骤 ##...

    微信小程序的数组添加、wx:for循环、删除、显示与隐藏,可以记录每一件事情

    你可以通过`this.setData()`动态改变`isHidden`的值来控制显示状态。 5. 记录每一件事情: 如果你想记录每一件事情,你可以创建一个包含事件详细信息的对象数组,如`tasks`,每个对象包含`title`(事件标题)、`...

    js隐藏菜单特效js隐藏菜单特效

    在JavaScript(JS)中,隐藏菜单特效是一种常见的交互设计,用于增强用户体验,特别是在移动设备上。这种特效允许用户点击或滑动以显示或隐藏菜单,从而节省屏幕空间并保持界面整洁。下面我们将深入探讨如何使用...

    列表收缩-JavaScript

    在JavaScript编程中,“列表收缩”通常是指一种交互设计,它允许用户通过点击或者触发某个事件来隐藏或显示列表中的部分详细信息,以提高界面的可读性和用户体验。这种功能广泛应用于数据列表、菜单、评论区等场景。...

    jquery实现隐藏和显示实例

    本实例将深入探讨如何使用jQuery来实现元素的隐藏与显示,这在网页动态效果和用户交互中非常常见。 首先,我们需要引入jQuery库。在HTML文档的`&lt;head&gt;`标签内,添加如下代码以链接到jQuery的CDN(内容分发网络): ...

    Div显示与隐藏网页制作

    // 切换Div的显示和隐藏状态 ``` 在实际应用中,这些方法通常与用户的交互事件结合,比如点击按钮或链接触发元素的显示和隐藏。例如,可以通过添加`onclick`事件监听器来实现点击按钮隐藏或显示`Div`: ```html ...

    div显示隐藏效果

    总之,`div`的显示隐藏效果是前端开发中的基本技巧,它涉及到HTML、CSS和JavaScript的综合运用。掌握这一技能可以帮助开发者更好地控制网页的交互性和用户体验。通过不断学习和实践,你可以创造出更多富有创意的显示...

    jquery实现窗口显示隐藏

    在IT行业中,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。...通过实际操作和调试这些代码,可以更深入地理解和掌握jQuery实现窗口显示与隐藏的技巧。

    JQ 内容的显示与隐藏

    3. `.toggle()`: 此方法非常灵活,可以在元素之间切换显示和隐藏状态。首次调用时,它会显示元素,再次调用则隐藏元素。同样,可以设置动画速度,如 `$(selector).toggle('fast')`。 除了这些基本方法,还有一些...

    右侧自动隐藏和显示联系方式

    总结来说,"右侧自动隐藏和显示联系方式"是一种实用的网页设计技巧,结合HTML、CSS和JavaScript,能够实现高效的用户交互,提高网站的可用性。在实际应用中,还需要根据具体需求进行定制,以适应各种场景和用户偏好...

    javascript经典特效---滚动条的隐藏显示.rar

    在"滚动条的隐藏显示.htm"文件中,可能包含了一个简单的示例,演示如何用JavaScript控制一个元素的滚动条状态。打开这个HTML文件,你将看到实际的代码实现,以及它如何影响页面上的滚动条行为。 总之,通过CSS的`...

Global site tag (gtag.js) - Google Analytics