- 浏览: 656295 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (233)
- mysql (20)
- tomcat (17)
- log4j (4)
- jdbc (2)
- hibernate (7)
- highcharts (10)
- java (27)
- bat (5)
- html (18)
- xampp (6)
- apache (9)
- Spring (3)
- windows (13)
- js (38)
- jquery (10)
- struts (20)
- json (1)
- css (7)
- 浏览器 (5)
- ASCII码表 (1)
- svn (3)
- 正则表达式 (3)
- vb (1)
- jsp (4)
- xml (2)
- C语言 (1)
- dll (1)
- 数据库 (8)
- 随便写 (19)
- WebService (1)
- Linux (1)
- 云计算 (2)
- HTTP (2)
- 音楽 (1)
- eclipse (2)
- JFreeChart (1)
- jnative (1)
- ant (1)
- WordPress (1)
- JavaEE (1)
- tag (1)
- ognl (1)
- 设计模式 (3)
- sql (2)
- office (5)
- 软件 (6)
- 健身 (18)
- php (2)
- 读书 (4)
- 管理 (1)
- sublime text (2)
- angularJS (1)
最新评论
-
资深菜鸟程序员:
正解 当中,你是最早的,你转载的那篇已经消失了,所以你就是最吊 ...
程序包com.sun.image.codec.jpeg不存在 -
jun1022509040:
http://download.csdn.net/detail ...
C3P0错误APPARENT DEADLOCK!!!解决 -
alafighting:
厉害!膜拜了~
程序包com.sun.image.codec.jpeg不存在 -
darrenzhong:
c3p0 报错APPARENT DEADLOCK!!! 解决方 ...
C3P0错误APPARENT DEADLOCK!!!解决 -
tslihejun:
谢谢,解决了我的问题。
highcharts 大量数据下y轴值精度丢失的解决
功能:
点击列表中的对象时,为选中对象加上边框(高亮显示)。
实现过程:
1.为每个对象指定css名称:mycss
2.定义两个css,一个overcss,一个outcss
3.通过mycss为每个对象绑定mouseover,mouseout,click三个事件的处理,在处理中操作css从而实现选中对象时的高亮显示。
注:本文使用了jquery用于方便定位对象。
以下是sample:
$(".myclip-item-link").mouseover(function() { // 鼠标移到超链接上时,加上边框 $(this).addClass("myclip-item-over"); }).mouseout(function() { // 鼠标移出超链接时,去掉边框 $(this).removeClass("myclip-item-over"); }).click(function(){ // 点击超链接后,加上高亮边框(同时去掉其它超链接的高亮边框) $(".myclip-item-link").removeClass("myclip-item-highlight"); $(this).addClass("myclip-item-highlight"); });
<style> .myclip-item-link { display: block; height: 105px; outline-style: solid; outline-color: #AAAAF0; outline-width: 1px; } .myclip-item-over { outline-style: solid; outline-color: #FFAAA0; outline-width: 2px; } .myclip-item-highlight { outline-style: solid; outline-color: #FFAAA0; outline-width: 3px; } </style>
... ... ... <ul> <li> <div class="myclip-item"> <a href="javascript:void(0);" class="myclip-item-link"> <div> <img src="img/1.gif" alt="" width="75" height="75"> </div> <div class="myclip-item-desc"> 2012/08/22 17:42:30 </div> </a> </div> </li> <li> <div class="myclip-item"> <a href="javascript:void(0);" class="myclip-item-link"> <div> <img src="img/2.jpg" alt="" width="75" height="75"> </div> <div class="myclip-item-desc"> 2012/08/22 17:42:30 </div> </a> </div> </li> </ul> ... ... ...
发表评论
-
JQuery中的offset()
2014-12-02 13:56 832obj.offset().left 和 obj.off ... -
angularJS 中的逻辑form
2014-10-20 18:50 916angularJS中可以针对form表单进行校验,例如 ... -
JQuery简单的键盘事件
2014-09-05 11:11 943//键盘操作 $(document).keydow ... -
浅谈Javascript 中几种克隆(clone)方式(转)
2014-06-11 16:09 744一:在Javascript里,如果克隆对象是基本类型,我们 ... -
div显示滚动条
2014-06-03 09:51 4760div显示滚动条 基 ... -
JS通用事件绑定和移除程序
2014-04-30 08:53 1277首先判断是否可使用DOM2级方法,然后判断是否可使用 ... -
JS执行环境
2014-04-29 18:21 1672全局执行环境是window对象,因此所有全局变量和函数都是作 ... -
JS命名空间
2014-04-29 17:26 717空间的定义 以下片段定义了一个名为CM的空间 (f ... -
HTML资源
2014-03-11 09:41 822一个很漂亮的后台管理模板,使用了各种漂亮控件: h ... -
respond.js在IE下不工作
2014-03-07 14:15 1489找了半天原因,最后发现原来是respond.js和boots ... -
文档声明<!DOCTYPE html>对css的影响
2014-03-05 16:36 3988用php做了一个网页,和Java的代码基本完全一致,可显示 ... -
文档声明<!DOCTYPE html>导致document.body.offsetHeight取值为0
2014-03-03 13:36 1044关于通过JS获取窗口高度和宽度的问题,如果使用了文档声 ... -
养成写文档类型定义的习惯
2013-08-01 16:17 968今天在IE8下写了一句css没有任何效果。 input[ ... -
获取父框架iframe的ID
2013-07-22 09:04 977获取父框架iframe的ID var frameId = wi ... -
highcharts 取得y轴的最大最小值
2013-07-17 14:30 4522highcharts的y轴可以指定最大最小值,如果不指定则由h ... -
Jquery.LazyLoad.js插件修正版下载,实现图片延迟加载特效【转】
2013-03-04 09:29 1849转自:http://paskaa.iteye.com/blog ... -
【HTML】模拟事件触发
2013-02-19 11:20 961使用JQuery很容易办到。 $("#myS ... -
设定css使chrome打印背景色
2012-12-05 11:40 2962在body中加入下面的代码即可: style="-w ... -
CSS教程:div垂直居中的N种方法[转]
2012-11-20 09:17 1171在说到这个问题的时候,也许有人会问CSS中不是有vertica ... -
document.execCommand()用法说明
2012-08-15 11:37 1883以下内容来自互联网: ...
相关推荐
主要为大家介绍了帝国cms使用js+css实现当前栏目高亮效果的方法,对于进行帝国CMS模板的开发非常有用!需要的朋友可以参考下
这里演示选中当前菜单后,该菜单高亮显示,也就是说在不改变菜单CSS代码的情况下,用JavaScript去控制菜单的背景,如果该菜单项被点击后,将赋予它一个与众不同的背景颜色或背景图像,这样可以清淅的指引用户下在...
3. JavaScript逻辑:使用JavaScript来实现轮播图的自动切换和交互功能。以下是一种常见的实现方式: - 图片数据:定义一个数组,包含所有要展示的图片路径或URL。 - 自动轮播:使用`setInterval`函数和计数器变量...
html5双击选中文字高亮显示.zip
WordPress代码高亮插件(CodeColorer)使用方法 1、下载安装,并激活CodeColorer 2、写文章时,要插入代码的话,先切换到HTML模式,然后在合适位置插入代码: 3、选中代码,并点击上图红框所示的 cc 按钮,你的...
通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除。在这的地方,可以加个特效...
自定义语法高亮,支持HTML, XML, CSS, JavaScript, VBScript, ASP, PHP, CSS, Perl/CGI, C/C++, C, Java, VB, Pascal, Assembler, SQL, Python, NSIS, INI, REG, INF, BAT, DIFF, Ruby等众多文件。
括弧高亮插件,清晰明了 Git 代码版本管理 ChineseLocalization[2] 汉化插件,支持无缝切换中文、日语、英文. 优点[url=]编辑[/url] 主流前端开发编辑器 体积较小,运行速度快 文本功能强大 支持编译功能且可在...
CudaText 中文版是使用 Lazarus 编写的跨...HTML / CSS / JS / XML / SQL的格式化程序 侧边栏中的标签列表 创建备份文件 菜单配置器 和更多… CudaText 简体中文设置:Options – Translations… – 双击 zh-CN 即可.
几乎所有的Web项目开发都需要客户端验证,尤其是JavaScript的使用,JS结合Html和CSS占据了网页展现市场,不管采用什么技术我们在网页看到的东西最终生成都是这些代码所表示含义。 Web应用如此广泛,其中客户端与...
}: 这次的js文件的代码就变得更简单了,如下所示: 代码如下: /** * 设置含有单选按钮的表格的背景颜色 */ $(document).ready(function() { /** * 表格单击的时候改变背景色 */ $(“#tablight tr:g
格式化js:选中一段文本,control+alt+f。 四、HTMLBeautify Control-Alt-Shift-F 五、Alignment等号对齐 选中文本并按ctrl + alt + a 六、jslint 打开一个js文件,control+j,即可输出jsLint检查的结果。 ...
定制如果要更改小地图突出显示的颜色,请在用户样式表中使用以下 CSS 规则: /* The rule for normal highlights */. minimap . highlight-selected { background : blue;}/* The rule for selected highlights */. ...
Notepad++ 特性1、所见即所得功能、语法高亮、字词自动完成功能,支持同时编辑多重文档;支持自定义语言; 2、对于HTML网页编程代码,可直接选择在不同的浏览器中打开查看,以方便进行调试; 3、自动检测文件类型,...
单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染...
- 更换主题【css load 后载入】 - 删除。不清除选中。提前准备数据 - 构建打包,合并压缩。添加版本、版权 - 自动升级(本地记录版本,服务器js调用 参数 url、###version;忽略此版本。cookie。统计用户) ###ver...
利用搜索引擎引用来高亮页面关键字 网站首页的自动语言切换 应用系统的多语言支持 (一) 应用系统的多语言支持 (二) 自动返回上次请求页面(小技巧) ASP.NET 2.0 控件 ASP.NET 2.0 验证控件新的功能 DataGridView...
style type="text/css"> *{ margin: 0; padding: 0; font-size:12px; } body{ background-color: #2C1914; font-family:"宋体"; } .abs{ position:absolute; } .rel{ position:relative; } .wrap{ ...
在一个搜索域中高亮显示用户输入 4.10节. 把字符当作独立图像处理 4.11节. 指定TextField中的HTML样式 4.12节. 使用RichTextEditor 4.13节. 在HTML中应用嵌入字体 4.14节. 给一个Text 组件中的文本添加拖拽阴影 ...