我的第二个切换图片高亮显示,给力
为什么80%的码农都做不了架构师?>>>
(*^__^*)
注意哦:我现在做的这个系统,菜单的样式是有背景图片和文字组成的,注意二者是分开的,不是含菜单文字的图片。
下面开始咯。。。:-)
css样式
<style type="text/css">.f{ color: red;}
</style>
$(".link2").click(function(){$(".link2").not(this).find('font').removeClass('f');$(this).find('font').addClass('f');
});
<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
我的第二个切换图片高亮显示,给力相关推荐
- 【转】Android android listview的HeadView左右切换图片(仿新浪,网易,百度等切换图片)...
首先我们还是看一些示例:(网易,新浪,百度) 下面我简单的介绍下实现方法:其实就是listview addHeaderView.只不过这个view是一个可以切换图片的view,至于这个vie ...
- JavaScript基础15-day17【BOM(Navigator、History、Location)、定时器、切换图片练习、轮播图】
学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
- HTML5编程实战之二:用动画的形式切换图片
本文主要用到的知识 本文主要用到了Canvas API中的drawImage方法,下面对此方法略做介绍. 在Canvas API中绘制图像用drawImage方法,这是一个重载方法,定义如下: con ...
- Android传感器的使用(1)——摇一摇切换图片
在android应用程序中,很多时候需要与用户的动作行为进行互动,或者指定用户做某些行为从而完成某些动作,其中的一些行为就是触发了安卓当中的传感器,然后通过安卓封装的传感器动作,能够获取到用户的行为, ...
- JS来实现轮播图(走马灯)可左右切换图片,鼠标移入会停止轮播
效果一: 会自动进行轮播,当鼠标进入轮播图区域会停止轮播,点击左右箭头可以向前.向后进行切换图片 效果二: 这种效果比第一种效果简单,只要删除一些代码和修改一些样式即可. 实现原理 轮播图整体是放在u ...
- JS实现点击button按钮切换图片
JS实现点击button按钮切换图片 放暑假在家打算学习html/css/js制作网页,只有html/css的一些基础.实现效果如图: 这个网页很简单,是用Dreamweaver写的,但是是通过自己做 ...
- javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)...
在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...
- html简单的图片切换js,一分钟让你学会如何使用js切换图片
利用js实现简单的动画效果 js简介 JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. Java ...
- 【JavaScript】修改图片src属性切换图片
今天做项目时其中一个环节需要用到js修改图片src属性切换图片,现在来记录一下 以下是示例: html <img src="/before.jpg" id="img ...
- JQuery实现点击按钮切换图片(附源码)--JQuery基础
JQuery实现切换图片相对比较简单,直接贴代码了哈,有注释噢!疑问请追加评论哈,不足之处还请大佬们指出! 1.案例代码: demo.html: <!DOCTYPE html> <h ...
最新文章
- 虚拟机里Centos7的IP地址查看方法
- Chrome开发者工具详解(2)-Network面板
- PHP数据库链接类(PDO+Access)
- OpenCV提取图像颜色直方图
- C++ STL 常用查找算法
- Python 应用 uWSGI + Nginx 部署
- 【经验分享】Hydra(爆破神器)使用方法
- (三)数据结构与算法-队列
- Oracle 10g 完全卸载(windows平台和linux平台)
- 一个简单的flask程序
- 为什么有时候代码会提示要去掉@override
- 当客户端浏览器不支持相应版本的apple时自动下载运行环境JVM的解决办法!
- 将有道云词典单词本导入到墨墨背单词
- 《道德经》和《圣经》中的“道”
- java 调用kettle ktr_java调用kettle数据库类型资源库中的ktr
- 口令破解(web安全入门07)
- 打开苹果电脑浏览器的代码
- 大漠找图算法_GitHub - jozhn/op: op插件(类似大漠插件),Windows消息模拟,gdi,dx,opengl截图,找图,找字(OCR),其他实用算法...
- 10、晶体三极管的符号和结构
- Linux高级运维 第四章 文件的基本管理和XFS文件系统备份恢复
热门文章
- AutoPostBack
- Servlet文件下载
- 红帽学习笔记[RHCSA] 第七课[网络配置相关]
- 红帽学习笔记[RHCSA] 第二课[文件、目录、相关命令]
- 創建ASP組件修改《SERV-U》FTP 的密碼
- Linux 文件umask默认权限_012
- $(...).modal is not a function
- C语言 二维数组(指针)动态分配和释放(转)
- 201709020工作日记--synchronized、ReentrantLock、读写锁
- NYOJ 119 士兵杀敌(三) (线段树)