`
iyuan
  • 浏览: 469990 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 点击超链接展示/隐藏模板(备忘)

    博客分类:
  • js
阅读更多
摸索了半天,总算是折腾出来了.

实现:网页内href锚记展示/隐藏 文本模块

详细见这里:http://jsfiddle.net/icaoyuan/7ysdF/

---------
原来还有更强大的,直接追踪url锚的变更来触发,不过对浏览器有要求(最好是能支持html5)

$(document).ready(function () {
    $("div.box").hide();
    function ttshow() {
        var name=window.location.hash;
        if (name){
        $div = $("div".concat(name));
        div.show();
        $("div.box").not($div).hide();
        }
        else{$("#log-tabs").show();}
     }
     window.onhashchange = ttshow;
     ttshow();
});
0
7
分享到:
评论

相关推荐

    js和jquery控制超链接

    js和jquery控制超链接,使链接在子窗口打开;超链接,一部分在本窗口打开,大部分在新窗口打开

    jQuery弹出层/jQuery弹出窗口/_全集

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。"jQuery弹出层/jQuery弹出窗口/_全集"这个资源集合显然是一个包含多种jQuery弹出层和弹出窗口实现的综合...

    jQuery+CSS实现淡入效果的超链接样式

    在网页设计中,超链接是页面之间相互连接的重要元素,用户通过点击超链接可以浏览到其他页面的内容。本文将深入探讨如何使用jQuery和CSS技术来实现超链接的淡入效果,提升用户体验,使得页面交互更加生动有趣。 ...

    jquery点击按钮隐藏父页和引用页的iframe

    在提供的压缩包文件中,"jquery_点击按钮_隐藏父页-引用页的iframe"可能包含了示例代码或演示页面,你可以参考这些资源来进一步理解和实践上述步骤。通过熟练掌握`jQuery`的用法,你可以创建出更多复杂且富有交互性...

    jQuery鼠标滑过超链接动画特效2.zip

    本资源"jQuery鼠标滑过超链接动画特效2.zip"聚焦于为超链接添加动态视觉效果,以提升用户体验和网页互动性。以下是四种独特效果的详细解析: 1. **胶囊跟随效果**: 这个效果会在鼠标滑过超链接时,产生一个类似...

    js和CSS3鼠标悬停超链接展示图片特效

    本教程将介绍如何利用JavaScript和CSS3技术在鼠标悬停超链接时展示图片特效,为用户提供更为丰富的视觉体验。这款特效包含10种不同的动画效果,使得超链接在被鼠标指针悬停时更加生动有趣。 首先,我们讨论CSS3在...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    4种超酷jQuery导航超链接鼠标滑过动画特效插件

    本文将深入探讨“4种超酷jQuery导航超链接鼠标滑过动画特效插件”——HoverSlippery,以及如何利用jQuery库来提升网页的视觉吸引力。 首先,HoverSlippery插件提供了四种独特的鼠标滑过效果,为导航菜单增添了丰富...

    4个简单实用的jQuery超链接动画特效.zip

    例如,当用户点击某个链接时,页面下方的相关内容可以向上滑动隐藏,或者从底部滑动展示出来,增强视觉冲击力。在js文件中,我们可以设置动画的速度、完成后的回调等功能。 3. **改变透明度和大小**:通过`animate...

    jQuery日历表设置日期备忘录代码

    5. 使用模态对话框或浮层来展示和编辑备忘录,提高用户体验。 在提供的压缩包文件"texiao4428_1560680992"中,可能包含了实现这一功能的具体代码示例,包括HTML、CSS和JavaScript文件。你可以详细查看这些文件,...

    jquery后台管理系统模板

    《jQuery后台管理系统模板详解》 在当今的互联网开发领域,前端框架和库的选用对于构建高效、美观且易用的后台管理系统至关重要。其中,jQuery以其轻量级、易学易用的特点,一直深受开发者喜爱。本文将围绕"jQuery...

    JQuery实现超链接鼠标提示效果的方法

    本文实例讲述了JQuery实现超链接鼠标提示效果的方法。分享给大家供大家参考。具体分析如下: 浏览器其实已经自带了超链接提示,只需在超链接中加入title属性就可以了。但是这个提示效果的响应速度是非常缓慢的,大概...

    jQuery图片上传展示插件imgFileupload.js.rar

    jQuery图片上传展示插件imgFileupload.js.rar jQuery图片上传展示插件imgFileupload.js.rar jQuery图片上传展示插件imgFileupload.js.rar jQuery图片上传展示插件imgFileupload.js.rar jQuery图片上传展示插件...

    jquery点击向上弹出二级菜单,再点击隐藏

    标题“jquery点击向上弹出二级菜单,再点击隐藏”涉及到的是使用jQuery来实现一个交互式二级菜单的功能,这个功能在很多网站的导航栏设计中常见。下面将详细介绍如何使用jQuery实现这一功能,以及相关的知识点。 ...

    Jquery 模拟用户点击超链接或者按钮的方法

    在Jquery中可以通过选中a标签使用trigger方法定义事件即可模拟用户点击超链接或者按钮,感兴趣的朋友操作下

    jQuery 点击收缩或展示

    **jQuery点击收缩或展示**是前端开发中常见的一种交互效果,它主要应用于用户界面的可扩展性和用户体验优化。在网页中,这样的功能可以用于菜单、侧边栏、内容区域等,使得用户可以通过单击某个元素来展开或隐藏具体...

    jquery点击弹窗2种写法

    在jQuery中实现点击弹窗效果,通常有两种常见的方式:一种是使用模态对话框(Modal Dialog),另一种是自定义HTML元素动态创建。这两种方法都基于jQuery的事件处理和DOM操作功能,下面将详细介绍这两种实现方式。 #...

    jquery-ui 的各种模板

    **jQuery UI 模板详解** jQuery UI 是一个强大的前端开发库,它提供了丰富的用户界面组件,可以帮助开发者构建功能丰富的交互式网页应用。本篇将详细探讨jQuery UI中的各种模板,包括小按钮、文本框、下拉菜单以及...

    jquery后台模板下载

    《jQuery后台模板详解及其应用》 在Web开发领域,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作、事件处理以及动画效果的实现。而一个精心设计的jQuery后台模板,更是能够帮助开发者快速构建出功能丰富、...

    4个简单实用的jQuery超链接动画特效

    当鼠标悬停在超链接上时,下划线会从无到有,或者从一侧滑动到另一侧,为用户创建一个清晰的点击指示。这通常通过改变元素的bottom边距或者使用CSS的transition属性来实现,可以轻松地调整动画速度和样式。 在实现...

Global site tag (gtag.js) - Google Analytics