HtmlAnchor点击之后保持高亮,就是一个链接,在点击之后,还要保持高亮状态。应用在网站后台管理界面,左边菜单点击之后,菜单保持点击高亮状态。
为了实现这个功能,确实花上Insus.NET不少时间。因为a标签似乎只有一个瞬间状态,难于捕足到它。

下面是Insus.NET实现的过程。其础部分是使用这个演示作为资料: http://www.cnblogs.com/insus/p/3205293.html 。

为了控制到点击之后的HtmlAnchor的状态,我们必须知道那一个HtmlAnchor被点击了。从前面的演示中,可以看到每一个HtmlAnchor的href的值是不相同的,可以从这点来判断到操作者点的是哪一个HyperLink。只有找到href的值,就可以找到是哪一个链接,我们就可以对链接变更它的样式(style)。

OK, Insus.NET先写好一个接口(interface):

这个接口,只有一个只写属性,我们可以在链接打开的网页中,可以获取到打开当前页的网页地址。这们接口,是谁来实作呢?从接口可看到,它是赋值行为的。因此我们用MasterPage母版来实作。

下面的演示是重点部分,就是在母版页中,找到链接的HtmlAnchor。Insus.NET的是使用override void Render()的方法重写母版页的HtmlAnchor.

然后,去链接目标面,获取到Request.RawUrl,并传给母版MasterPage。

所有Page(1~5).aspx.cs均需要使用上面的代码,把当前页的地址给母版。
下面再把演示效果附上,算是完结了此篇的演示。

HtmlAnchor点击之后保持高亮的更多相关文章

  1. CSS3去除手机浏览器button点击出现的高亮框

    在工作中常常遇到在手机浏览器中浏览网页时.点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框.影响总体的感官体验. 能够用一个简单的css3属性来解决:tap-highligh ...

  2. 织梦一二级导航菜单被点击顶级栏目高亮(加class)解决方法

    织梦一二级导航菜单被点击的栏目高亮显示方法详解,废话不多说直接举例说明: 织梦一级菜单被点击栏目高亮调用方法: {dede:channel typeid ='1'  type ='son' curre ...

  3. echarts环形图点击旋转并高亮

    通过计算某个扇形区域的值占整个圆的百分比来得到这个扇形的角度,从而根据startAngle这个属性来设定图形的开始渲染的角度,使点击某个扇形时圆环旋转使之始终对准某个点. 期间考虑到某扇形区域太小点击 ...

  4. jquery导航栏高亮(二级菜单点击一级保持高亮)

    <script type="text/javascript"> var urlstr = location.href; var urlstatus=false; $(& ...

  5. list点击项高亮其他默认

    // 点击项颜色高亮,其他默认 if (position != lastPosition && onClickItemView != null) { TabMenu lastTabMe ...

  6. 关于H5中 input消除默认,取消在手机上的点击高亮效果

    input消除默认,代码如下    input{             -webkit-tap-highlight-color: rgba(255, 255, 255, 0);            ...

  7. 用Vue来实现音乐播放器(十八):右侧快速入口点击高亮

    问题一:当我们点击右侧快速入口的时候  被点击的地方高亮 首先我们要知道右侧快速入口是为什么高亮??因为当watch()监控到scrollY的变化了的时候  将scrollY的值和listHeight ...

  8. vue-11-路由嵌套-参数传递-路由高亮

    1, 新建vue-router 项目 vue init webpack vue-router-test 是否创建路由: 是 2, 添加路由列表页 在 component下创建 NavList 页面 & ...

  9. VUE 处理文本框获焦点高亮

    先贴例子代码  这里又三个div对应的三个input输入框 <!-- 登录的表单 --> <div class="input_group" :class=&quo ...

随机推荐

  1. WPF里面多线程访问UI线程、主线程的控件

    如果出现以下错误:调用线程无法访问此对象,因为另一个线程拥有该对象. 你就碰到多线程访问UI线程.主线程的控件的问题了. 先占位.

  2. WCF实现进程间管道通信Demo

    一.代码结构: 二.数据实体类: using System; using System.Collections.Generic; using System.Linq; using System.Run ...

  3. 仿微信聊天面板制作 javascript

    先上图吧 , 点击头像更换说话对象,简单说下实现原理,html中创建一个ul用于存放所有说话的内容,对话内容是有javascript 动态生成, 主要难点:先布局好css,当时奥巴马发送时候,让这个l ...

  4. DP刷题

    http://blog.csdn.net/a1dark/article/details/17115137

  5. IDEA去除 xml 中Sql语句的背景

    去掉黄色背景 去掉绿色背景

  6. JS 获取各个偶数之和!!

    <html>    <head>        <meta charset="utf-8" />        <title>js& ...

  7. aspx代码审计-2

    今天和大家分享一下aspx网站的代码审计,漏洞类型为:未授权访问和任意文件下载. 本文作者:i春秋签约作家——非主流 今天看的源码文件就不共享给大家了,本文只作学习只用. 还是先看我们的文件夹目录和d ...

  8. 理解 atime,ctime,mtime (上)

    理解 atime,ctime,mtime (上) Unix文件系统会为每个文件存储大量时间戳.这意味着您可以使用这些时间戳来查找任意时间访问到的任何文件或目录(读取或写入),更改(文件访问权限更改)或 ...

  9. Set的总结

    Set最重要的操作是查找,为查找而设计.存入HashSet的元素必须定义hashCode(); Set不保存重复的元素,元素必须唯一.通过equals()方法一确保对象的唯一性. Set中最常被用于归 ...

  10. iOS --UIScrollView的学习(二)

    1.接着上一次的说:http://www.cnblogs.com/fengzhihao/p/5287734.html,这次讲一下UISCrollView的缩放功能. 2.当用户在UIScrollVie ...