jquery(1.3.2) 高亮选中图片边框
因为需要加载文件,建议刷新下
高亮选中图片边框
#mainboard img{
border:1px solid #cccccc;
width:88px;
height:31px;
cursor:pointer;
}
$(function(){
$("#mainboard img").bind("click",function(){
$(this).css("border","1px solid red").siblings().css("border","1px solid #cccccc");
})
})
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解 1.插件介绍: jquery.json-viewer.js是一款查看json格式数据的jquery插件.它可以将混乱的json数据漂亮的方式展示在页面中,并支持节点的伸展和收缩和语法高亮等功能. 2.代码演示: 1).首先引入jquery和json.viewer.js插件 <script src="http://www.jq22.com/jquery/jquery-1.10.2.js">&l
-
jquery实现带复选框的表格行选中删除时高亮显示
通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除.在这的地方,可以加个特效,单击某行的同时将该行的复选框选中,该行的背景色也高亮显示.这样给人的感觉非常好. 效果如下: 我做的这里有两个功能: 功能1.单击某行,该行的复选框被选中,同时改变一下背景色. 功能2.单击全选/全不选标签后,改变行的颜色. 两个功能我封装到了js文件中,使用的时候引入就行了. 先看
-
jquery实现页面关键词高亮显示的方法
本文实例讲述了jquery实现页面关键词高亮显示的方法.分享给大家供大家参考.具体分析如下: 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下: 复制代码 代码如下: jQuery.fn.extend({ highlight: function(search, configs){ if(typeof(search) == 'undefined') return; var configs = jQ
-
基于jquery实现导航菜单高亮显示(两种方法)
项目需求: 实现原理:当选中当前元素时,给当前元素添加样式,同级元素移除样式. 点击不同的导航菜单实现当前点击的菜单是高亮的,点击导航下面的某个分类,分类所属的导航也必须是高亮的,点击某一篇文章,文章所属的导航菜单也必须是高亮的. 效果图如下: 示例代码一: 具体示例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x
-
JQuery操作表格(隔行着色,高亮显示,筛选数据)
查了些资料,写了4个Demo: 1. 隔行着色 复制代码 代码如下: $('#table1 tr:odd').addClass('odd'); $('#table1 tr:even').addClass('even'); 效果: 2. 高亮含有特定数据的行 复制代码 代码如下: $("#table2 tr:contains('Fuck')").addClass("selected"); 3. 筛选数据 复制代码 代码如下: $("#filter"
-
Jquery 高亮显示文本中重要的关键字
一.界面预览 鼠标放到右边的Tab按钮上,文字透明度降低,同时一段文字高亮显示,效果如下: Demo地址:http://5thirtyone.com/sandbox/samples/fadefocus/ 很绚丽的效果幺! 二.实现原理 将要高亮显示的文字加上<span>段落标记, class="mask"的div 做为遮罩层,使此遮罩层位于文字内容之上(z-index属性,使用Jquery给段落动态添加样式类.三.HTML代码 复制代码 代码如下: <div clas
-
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
本文实例讲述了jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果.分享给大家供大家参考.具体如下: 这是一款jquery菜单特效,点击后高亮背景,个性的菜单特效.网上见到比较多的菜单了,不过像这样这么简单的方法来实现却不多见,本菜单整体简洁,点击导航栏上的任意菜单项后,该菜单项的背景变成黑色,并且鼠标移走后,仍然固定保持黑色,记住了菜单的位置. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-menu-set-focus-
-
jQuery语法高亮插件支持各种程序源代码语法着色加亮
1) highlightjs Highlight.js能够对页面中的各种程序源代码语法着色加亮.支持的语言包括: •Python •Ruby •Perl •PHP •XML •HTML •CSS •Django •Javascript •VBScript •Delphi •Java •C++ •RenderMan (RSL and RIB) •SQL •SmallTalk •Axapta •1C •Ini •Diff •DOS .bat •Bash 2) google-code-prettify
-
jQuery实现当前页面标签高亮显示的方法
本文实例讲述了jQuery实现当前页面标签高亮显示的方法.分享给大家供大家参考.具体实现方法如下: function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location.search; var v1 = ""; $(name).each(function () { v1 = "/" + $(this).attr("href"); if
-
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
编辑器KindEditor官网: http://www.kindsoft.net/ 1.需要加载的JS和CSS文件为: 复制代码 代码如下: <script src="kindeditor-4.1.4/kindeditor.js" type="text/javascript" charset="utf-8"></script> <script src="kindeditor-4.1.4/plugins/co
随机推荐
- 将 Ghost 从 SQLite3 数据库迁移到 MySQL 数据库
- js实现图片无缝滚动
- 在Ajax中使用get和post所遇到的问题及解决办法
- DEBUG命令详解教程第1/2页
- jQuery的实现原理的模拟代码 -1 核心部分
- 设置tomcat启用gzip压缩的具体操作方法
- python开发之thread实现布朗运动的方法
- 深入理解Xen虚拟机克隆复制实战
- 通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
- 实例讲解Android多线程应用开发中Handler的使用
- C#中Byte[]和String之间转换的方法
- MySQL5.7.18修改密码的方法
- jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
- linux查看cpu是否支持64位的方法
- 第五节--克隆
- php实现从上传文件创建缩略图的方法
- 解决暴风影音 无法渲染此文件的难题
- golang解析域名的步骤全纪录
- 计算机二级python学习教程(1) 教大家如何学习python
- 易语言将数值转换为指定格式的文本