首页 相关文章 Jquery 高亮显示文本中重要的关键字

Jquery 高亮显示文本中重要的关键字

打包下载一、界面预览

鼠标放到右边的Tab按钮上,文字透明度降低,同时一段文字高亮显示,效果如下:

Demo地址:http://5thirtyone.com/sandbox/samples/fadefocus/

很绚丽的效果幺!

二、实现原理

将要高亮显示的文字加上span段落标记, class=”mask”的div 做为遮罩层,使此遮罩层位于文字内容之上(z-index属性,使用Jquery给段落动态添加样式类。
...[ 查看全文 ]

2016-02-19 标签:
  • static 1.在类中,用static修饰的属性,称为静态属性。为这个类的所有对象所共有,存放在静态存储区,所有该类的对象都可以访问且访问的都是同一变量。可以用作计数器,来统计总共创建了多少个各类的对象。 2.在类中,用static 修饰的方法为静态方法,在静态方法中不可以访问非静态的属性和方法,但在非静态方法中可以访问静态方法和属性;且static方法多态失效,不能使用this。 3.由于静态属性和方法是属...[ 查看全文 ]
  • C++中的 static 关键字 作者:陈厚辉 前言: 本文只是本人对C++中关于静态类型的一个总结,如错误之处,请大家帮我改正。我分两个方面来总结,第一方面主要是相对于面向过程而言,即在这方面不涉及到类,第二方面相对于面向对象而言,主要说明static在类中的作用。 一、在面向过程设计中的static关键字 1、静态全局变量 ...[ 查看全文 ]
  • 标签:Web开发
    使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...[ 查看全文 ]
  • 标签:Web开发
    打包下载 jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,window等等。 OK,下面就开始我们的初探之...[ 查看全文 ]
  • 标签:Web开发
    打包下载 jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery 的特长是网页效果,因此,它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件,有些插件在本博客中已经有介绍,有些还没有,本文介绍的是:2009年度最佳 jQuery 插件—AnythingSlider 滑动 在一个固定区域,循环显示几段内容,这种方式很...[ 查看全文 ]
  • 标签:Web开发
    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...[ 查看全文 ]
  • 标签:Web开发
    contains选择符 contains选择符是指对象中包括指定内容的对象本身,如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格,设置这些单元格的样式类型添加“highlight”类。 下面的代码,运行后,需要刷新下,以便加载jquery !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head script src="ht...[ 查看全文 ]
  • C#中可使用using关键字自动清除对象资源。 # MyObject.cs using System; namespace MyProjects { public class MyObject : IDisposable { public MyObject() { } public void Dispose ( ) { // Dispose Console.WriteLine ( "Disposed" ) ; // ... } } } # Class1.cs using System; namespace MyProjects { public class Class1 { public Class1() { } public static void M...[ 查看全文 ]
  • 标签:Web开发
    打包下载 呃,貌似是广告哈?呵呵,不过的确是这样,jQuery为我们提供了丰富的DOM操作方法,使这些复杂的DOM操作变得简单。 继上一回写jQuery的笔记貌似已经过去很长时间了,这一节也确实有必要写一下了,呵呵,Let's Go~ 操作属性: 之前,我们说过.addClass()及.removeClass()方法,更改的其实也是DOM的属性:className。 说到这就得再提一下,为啥元素的类名叫做className而不是直接叫class,因为cla...[ 查看全文 ]
  • 标签:Web开发
    find()会在div元素内 寻找 class为classname的元素。 filter()则是筛选div的class为classname的元素。 基本是find子元素找,filter是平级找 ·find 函数是在当前对象集合的子元素中进行查询; ·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围; ·find 函数的参数是 jQuery 选择器表达式; ·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系); ·filter 的参数...[ 查看全文 ]
  • C# 中的 关键字 之:base、this。base 关键字用于从派生类中访问基类的成员:调用基类上已被其他方法重写的方法。 指定创建派生类实例时应调用的基类构造函数。 基类访问只能在构造函数、实例方法或实例属性访问器中进行。 示例: 在派生类中调用基类方法。 以下是引用片段: // base 关键字 // 访问基类成员 using System; public&n...[ 查看全文 ]
  • 标签:Web开发
    效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...[ 查看全文 ]
  • 标签:Web开发
    change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...[ 查看全文 ]
  • 标签:Web开发
    html head titlejquery练习——简单的图片结果展示效果--cnblogs libsource//title style #cfoot ul,#cfoot li{ margin:0;padding:0;list-style-type:none; } #cdiv{ width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left; } #cfoot li{ display:inline-block;width:100px;height:100px;line-height:100px;float:left;text-align:center;border:1...[ 查看全文 ]
  • 标签:软件教程
    为自己的家人、朋友、工作等等创立一个群是非常有必要的,每个群都关键词,这样可以方便别人寻找,比如你要创建一个英语的学习群,想让跟多的人加进来一起交流,这个时候qq的关键字就非常起作用了,那qq群怎么设置关键字,看看小编给大家分享的qq群设置关键字教程吧! 第一步、创建一个QQ群,先要创建一个QQ群,打开QQ面板上的“群”图标,然后点击“创建群/讨论组图标”中选创...[ 查看全文 ]
  • 标签:Web开发
    打包下载 插件需求 1,向左或者右移动列表中的元素.(注,上下方向也一样的,用css控制列表元素float的方向即可~) 2,鼠标移动到某个元素上时,改元素突出显示(css控制),播放器停止滚动。移开后继续跑马。。 3,可选左右手工导航按钮。 实现原理 移动列表末尾元素到第一个元素前面即可。 将来的扩展(以后用到的话再看吧) 多个元素同时移动;移动时的效果;移动后的回调函数;(注:利用移动后...[ 查看全文 ]
  • 标签:Web开发
    一.摘要 二.前言 三.什么是jQuery jQuery是一套Javascript脚本库. 在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要...[ 查看全文 ]
  • 标签:Web开发
    打包下载 效果图 调用示意图 交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件。 2、用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口ContentWindow.Ok()中,这一点我借鉴了FCKEditor,如下代码所示: JS代码 代码如下: var JQueryD...[ 查看全文 ]
  • 标签:Web开发
    change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...[ 查看全文 ]
  • (1)先来介绍它的第一条也是最重要的一条:隐藏。 当我们同时编译多个文件时,所有未加static前缀的全局变量和函数都具有全局可见性。为理解这句话,我举例来说明。我们要同时编译两个源文件,一个是a.c,另一个是main.c。 下面是a.c的内容 代码如下: char a = 'A'; // global variable void msg() {     printf("Hello\n"); }  下面是main.c的内容 代码如下: int main(void) ...[ 查看全文 ]
手机页面 收藏网站 回到头部