为什么80%的码农都做不了架构师?>>>   

(*^__^*)

注意哦:我现在做的这个系统,菜单的样式是有背景图片和文字组成的,注意二者是分开的,不是含菜单文字的图片。

下面开始咯。。。:-)

css样式

<style type="text/css">.f{ color: red;}
</style>

JS代码
$(".link2").click(function(){$(".link2").not(this).find('font').removeClass('f');$(this).find('font').addClass('f');
});

view显示
<table  border="0" cellspacing="0" cellpadding="0"><tr><s:iterator value="listModule"><td height="27" class="btn5"><a href="#" class="link2" rel="<s:url action="menu" namespace="/entry"> <s:param name="moduleUuid" value="uuid"></s:param> </s:url>"><font>//为了解决切换菜单高亮显示临时加的<s:property value="name" /> </font></a></td></s:iterator></tr>
</table>

转载于:https://my.oschina.net/6tao/blog/33082

我的第二个切换图片高亮显示,给力相关推荐

  1. 【转】Android android listview的HeadView左右切换图片(仿新浪,网易,百度等切换图片)...

    首先我们还是看一些示例:(网易,新浪,百度)      下面我简单的介绍下实现方法:其实就是listview addHeaderView.只不过这个view是一个可以切换图片的view,至于这个vie ...

  2. JavaScript基础15-day17【BOM(Navigator、History、Location)、定时器、切换图片练习、轮播图】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  3. HTML5编程实战之二:用动画的形式切换图片

    本文主要用到的知识 本文主要用到了Canvas API中的drawImage方法,下面对此方法略做介绍. 在Canvas API中绘制图像用drawImage方法,这是一个重载方法,定义如下: con ...

  4. Android传感器的使用(1)——摇一摇切换图片

    在android应用程序中,很多时候需要与用户的动作行为进行互动,或者指定用户做某些行为从而完成某些动作,其中的一些行为就是触发了安卓当中的传感器,然后通过安卓封装的传感器动作,能够获取到用户的行为, ...

  5. JS来实现轮播图(走马灯)可左右切换图片,鼠标移入会停止轮播

    效果一: 会自动进行轮播,当鼠标进入轮播图区域会停止轮播,点击左右箭头可以向前.向后进行切换图片 效果二: 这种效果比第一种效果简单,只要删除一些代码和修改一些样式即可. 实现原理 轮播图整体是放在u ...

  6. JS实现点击button按钮切换图片

    JS实现点击button按钮切换图片 放暑假在家打算学习html/css/js制作网页,只有html/css的一些基础.实现效果如图: 这个网页很简单,是用Dreamweaver写的,但是是通过自己做 ...

  7. javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)...

    在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...

  8. html简单的图片切换js,一分钟让你学会如何使用js切换图片

    利用js实现简单的动画效果 js简介 JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. Java ...

  9. 【JavaScript】修改图片src属性切换图片

    今天做项目时其中一个环节需要用到js修改图片src属性切换图片,现在来记录一下 以下是示例: html <img src="/before.jpg" id="img ...

  10. JQuery实现点击按钮切换图片(附源码)--JQuery基础

    JQuery实现切换图片相对比较简单,直接贴代码了哈,有注释噢!疑问请追加评论哈,不足之处还请大佬们指出! 1.案例代码: demo.html: <!DOCTYPE html> <h ...

最新文章

  1. 虚拟机里Centos7的IP地址查看方法
  2. Chrome开发者工具详解(2)-Network面板
  3. PHP数据库链接类(PDO+Access)
  4. OpenCV提取图像颜色直方图
  5. C++ STL 常用查找算法
  6. Python 应用 uWSGI + Nginx 部署
  7. 【经验分享】Hydra(爆破神器)使用方法
  8. (三)数据结构与算法-队列
  9. Oracle 10g 完全卸载(windows平台和linux平台)
  10. 一个简单的flask程序
  11. 为什么有时候代码会提示要去掉@override
  12. 当客户端浏览器不支持相应版本的apple时自动下载运行环境JVM的解决办法!
  13. 将有道云词典单词本导入到墨墨背单词
  14. 《道德经》和《圣经》中的“道”
  15. java 调用kettle ktr_java调用kettle数据库类型资源库中的ktr
  16. 口令破解(web安全入门07)
  17. 打开苹果电脑浏览器的代码
  18. 大漠找图算法_GitHub - jozhn/op: op插件(类似大漠插件),Windows消息模拟,gdi,dx,opengl截图,找图,找字(OCR),其他实用算法...
  19. 10、晶体三极管的符号和结构
  20. Linux高级运维 第四章 文件的基本管理和XFS文件系统备份恢复

热门文章

  1. AutoPostBack
  2. Servlet文件下载
  3. 红帽学习笔记[RHCSA] 第七课[网络配置相关]
  4. 红帽学习笔记[RHCSA] 第二课[文件、目录、相关命令]
  5. 創建ASP組件修改《SERV-U》FTP 的密碼
  6. Linux 文件umask默认权限_012
  7. $(...).modal is not a function
  8. C语言 二维数组(指针)动态分配和释放(转)
  9. 201709020工作日记--synchronized、ReentrantLock、读写锁
  10. NYOJ 119 士兵杀敌(三) (线段树)