[js插件]分享一个文章内容信息提示插件Colortip

引用

项目中需要一个信息提示的功能，就上网找了一个插件，发现colortip实现比较简单，就定了这个插件。

实现过程

官网：http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/

最终要实现的效果：

[js插件]分享一个文章内容信息提示插件Colortip

colortip是将标签中的title属性的值弹出显示的，默认情况是黄色的：

 1 <!DOCTYPE html>

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5     <title></title>

 6     <!--css文件-->

 7     <link href="Colortip/styles.css" rel="stylesheet" />

 8     <link href="Colortip/colortip-1.0/colortip-1.0-jquery.css" rel="stylesheet" />

 9 </head>

10 <body>

11     <div style="text-align:center;margin-top:200px;"><a href="#" title="这是个大美女">美女</a></div>

12     <div style="text-align:center;margin-top:250px;"><a href="#" title="这是个大美女" class="black">美女</a></div>

13 </body>

14 </html>

15 <!--引入需要的js-->

16 <script type="text/javascript" src="Script/jquery-1.11.0.js"></script>

17 <script type="text/javascript" src="Colortip/colortip-1.0/colortip-1.0-jquery.js"></script>

18 <script type="text/javascript" src="Colortip/script.js"></script>

效果：

 通过查看这些设置，是在colortip-1.0-jquery.js文件中进行配置的：

(function($){

    $.fn.colorTip = function(settings){



        var defaultSettings = {

            color        : 'yellow',//默认颜色

            timeout        : 500

        }

        

        var supportedColors = ['red','green','blue','white','yellow','black'];//总共有6种主题的颜色

        

        /* Combining the default settings object with the supplied one */

        settings = $.extend(defaultSettings,settings);



        /*

        *    Looping through all the elements and returning them afterwards.

        *    This will add chainability to the plugin.

        */

        

        return this.each(function(){



            var elem = $(this);

            

            // If the title attribute is empty, continue with the next element

            if(!elem.attr('title')) return true;

            

            // Creating new eventScheduler and Tip objects for this element.

            // (See the class definition at the bottom).

            

            var scheduleEvent = new eventScheduler();

            var tip = new Tip(elem.attr('title'));



            // Adding the tooltip markup to the element and

            // applying a special class:

            

            elem.append(tip.generate()).addClass('colorTipContainer');



            // Checking to see whether a supported color has been

            // set as a classname on the element.

            

            var hasClass = false;

            for(var i=0;i<supportedColors.length;i++)

            {

                if(elem.hasClass(supportedColors[i])){

                    hasClass = true;

                    break;

                }

            }

            

            // If it has been set, it will override the default color

            

            if(!hasClass){

                elem.addClass(settings.color);

            }

            

            // On mouseenter, show the tip, on mouseleave set the

            // tip to be hidden in half a second.

            

            elem.hover(function(){



                tip.show();

                

                // If the user moves away and hovers over the tip again,

                // clear the previously set event:

                

                scheduleEvent.clear();



            },function(){



                // Schedule event actualy sets a timeout (as you can

                // see from the class definition below).

                

                scheduleEvent.set(function(){

                    tip.hide();

                },settings.timeout);



            });

            

            // Removing the title attribute, so the regular OS titles are

            // not shown along with the tooltips.

            

            elem.removeAttr('title');

        });

        

    }





    /*

    /    Event Scheduler Class Definition

    */



    function eventScheduler(){}

    

    eventScheduler.prototype = {

        set    : function (func,timeout){



            // The set method takes a function and a time period (ms) as

            // parameters, and sets a timeout



            this.timer = setTimeout(func,timeout);

        },

        clear: function(){

            

            // The clear method clears the timeout

            

            clearTimeout(this.timer);

        }

    }





    /*

    /    Tip Class Definition

    */



    function Tip(txt){

        this.content = txt;

        this.shown = false;

    }

    

    Tip.prototype = {

        generate: function(){

            

            // The generate method returns either a previously generated element

            // stored in the tip variable, or generates it and saves it in tip for

            // later use, after which returns it.

            

            return this.tip || (this.tip = $('<span class="colorTip">'+this.content+

                                             '<span class="pointyTipShadow"></span><span class="pointyTip"></span></span>'));//显示的消息提示框是一个span标签

        },

        show: function(){

            if(this.shown) return;

            

            // Center the tip and start a fadeIn animation

            this.tip.css('margin-left',-this.tip.outerWidth()/2).fadeIn('fast');

            this.shown = true;

        },

        hide: function(){

            this.tip.fadeOut();

            this.shown = false;

        }

    }

    

})(jQuery);

通过该js文件，可见该插件主要是在title属性中设置显示信息的。

总结

colortip用起来还是非常简单的，在想要提示信息的地方加个带title属性的a标签就可以了，不过有点差强人意的地方，如果其他的标签例如按钮，加一个title，就会提示错误。 

你可能感兴趣的:(color)

  • RK3568平台（camera篇）opencv处理图像 嵌入式_笔记 瑞芯微opencv人工智能计算机视觉
    一.颜色转换cv2.cvtColor()函数功能：将一幅图像从一个色彩空间转换到另一个色彩空间。函数原型：cv2.cvtColor(src,code,dst=None,dstCn=None)参数定义：src:要转换的源文件code，转换的色彩空间，在opencv中有超过150种颜色空间转换方法,但是经常用的只有BGR-灰度图和BGR-HSVBGR和灰度图的转换使用cv2.COLOR_BGR2GRA
  • PyQt5窗口背景设置全攻略：三种方法实现精美界面
    QSS样式表法（最常用）特点：声明式语法、支持CSS特性、子控件自动继承样式1.纯色背景设置创建主窗口并设置黄色背景win=QMainWindow()win.setObjectName("MainWindow")win.setStyleSheet("#MainWindow{background-color:yellow}")2.背景图片设置（自适应尺寸）使用border-image实现背景图平铺w
  • python学习（六）字典 August________
    字典学习如何访问和修改字典中的信息学习如何遍历字典中的数据学习储存字典的列表，存储列表中的字典和存储字典中的字典。理解字典，可以更准确的为各种真实物体建模。一个简单的字典alien_0={'color':'green','points':5}print(alien_0['color'])print(alien_0['points'])green5使用字典字典就是一系列的键-值对，每个键都有一个值相
  • 2018-11-29作业 翻页 沦陷_99999
    翻页.box1{width:960px;height:42px;border:1pxsolid#8f8f8f;margin:200pxauto;}.box2{width:100%;height:42px;margin:0auto;}.box3,.box13{width:42px;background-color:gold;padding:5px10px;margin-top:5px;}.box3a
  • ESP32+MicroPython随机颜色生成器 sunsunyu03 pythonMicroPythonESP32ESP8266WS2812B
    概述本文档将介绍一个基于MicroPython环境下，为ESP32(基本含有MicroPython环境中都可以使用)开发板上的WS2812B灯珠设计的随机颜色生成器。此生成器包括了一个自定义的随机数生成器Random类和一个用于生成随机颜色的RandomColor类。该方案特别适合于那些固件中未包含标准随机数生成功能的情况。优点独立性：由于集成了自定义的随机数生成器，使得代码在缺乏系统级随机数支持
  • 【Python】Pillow 2 宅男很神经 python开发语言
    3.2.1色彩空间(ColorSpace)与色彩模型(ColorModel)基础色彩模型(ColorModel):色彩模型是一种抽象的数学模型，用一组数值（通常是三个或四个分量）来描述颜色。常见的色彩模型有：RGB(Red,Green,Blue):加色模型，常用于显示器、扫描仪、数码相机。通过混合不同强度的红、绿、蓝三原色光来产生各种颜色。CMY(Cyan,Magenta,Yellow):减色模型
  • qpython pillow_Python Pillow 模块
    安装Pillow模块pipinstallpillowImage模块PIL最重要的类是Imageclass,你可以通过多种方法创建这个类的实例；你可以从文件加载图像，或者处理其他图像,或者从scratch创建。Image类属性mode:图片模式size:图片大小width:图片长度height:图片宽度创建1个张图片Image.new(mode,size,color)mode:颜色模式size:（长
  • iOS 解决 veiw 之间 因为父view alpha 等于0 导致全部透明的问题 村雨灬龑
    首先先看一段代码，矛盾的起因，因为父view的alpha=0,而又想让子view能够显示出来，不受父view的alpha=0的影响。UIView*view=[[UIViewalloc]init];view.backgroundColor=[UIColorredColor];//因为下面的label没有显示是因为父view的alpha=0view.alpha=0;view.frame=CGRectM
  • 前端，元素的层级和背景 沦陷_99999
    z-index.box1{width:200px;height:200px;background-color:#0bcd96;position:relative;z-index:3;}.box2{width:200px;height:200px;background-color:#1e389a;position:absolute;left:100px;top:100px;}.box3{width:
  • iOS使用UIAppearance 培根芝士 iOS
    iOS5及其以后提供了一个比较强大的工具UIAppearance，我们通过UIAppearance设置一些UI的全局效果，这样就可以很方便的实现UI的自定义效果又能最简单的实现统一界面风格，它提供如下两个方法。+(id)appearance//这个方法是统一全部改，比如你设置UINavBar的tintColor，你可以这样写：[[UINavigationBarappearance]setTintC
  • 【CSS-6】深入理解CSS复合选择器：提升样式表的精确性与效率 AllenBright #CSScss前端
    CSS选择器是前端开发的基石，而复合选择器则是其中最强大且实用的工具之一。本文将全面解析CSS复合选择器的类型、用法、优先级规则以及最佳实践，帮助你编写更高效、更精确的样式表。1.什么是复合选择器？复合选择器是通过组合多个简单选择器来创建更具体的选择规则。它们允许开发者精确地定位文档树中的特定元素，而无需添加过多的类或ID。/*简单选择器*/p{color:blue;}/*复合选择器*/artic
  • css :root 选择器
    :rootcss伪类匹配文档的根元素。对于HTML来说，:root表示元素，除了优先级更高之外，与html选择器相同。在声明全局css变量时:root会很有用：:root{--ck-highlight-pen-red:#e91314;--ck-highlight-pen-blue:dodgerblue;}.pen-black{color:var(--ck-highlight-pen-black);
  • 伪类选择器:root的妙用 weixin_33921089 javascriptViewUI
    css3的元素旋转功能非常强大，也非常吸引人，但是很多时候因为浏览器使用率的问题，我们必需要想办法兼容一些低版本的浏览器，特别是ie这朵奇葩。想要实现元素旋转本来很简单的一个属性就能实现，那就是transform:rotate(xxdeg)。举个例子：实现一个层旋转270deg。#demo{width:300px;height:200px;background-color:#FF80C0;marg
  • CSS动画实例 隆海博客 web前端#CSScsscss3
    CSS动画实例一、进度条二、涨水三、纯CSS实现轮番播图一、进度条html代码css代码.d1{width:400px;height:20px;background-color:gray;}.bar{width:10%;height:20px;background-color:blue;animation-name:jindu;animation-duration:3s;}@keyframesji
  • css设置背景图片透明度
    .demo{position:relative;width:500px;height:300px;line-height:50px;text-align:center;color:red;}.demo::before{content:"";position:absolute;left:0;top:0;z-index:-1;/*放在内容背后*/width:500px;height:300px;bac
  • CSS半透明效果实现方案详解 芜青 笔记前端开发css3css前端
    HTML/CSS半透明效果实现指南半透明效果是现代网页设计中常用的视觉技术，可以创建层次感、焦点引导和美观的界面。本文介绍几种优雅的实现方式，并提供一个综合的演示页面。实现半透明效果的常用方法1.RGBA/HSLA颜色模式.rgba-example{background-color:rgba(255,0,0,0.5);/*红色，50%透明度*/}.hsla-example{background-c
  • echarts实现两个饼图嵌套 js_user echarts前端javascriptcsshtmlvue.js
    效果展示需求：内层饼图为一级分类，外层饼图为二级分类。内外层一级分类和多属的二级分类颜色一样，且悬浮二级分类，一级分类同样有高亮效果。一级分类和二级分类悬浮有释义说明（解释这个分类的含义）由于二级分类只展示其中一部分，所以一级分类和二级分类所占角度不一样。关键代码展示**定义option**constcolors=["#fc8251","#5470c6","#91cd77","#ef6567","
  • html+css实战64-综合案例3-图片完成 前端大歌谣 htmlcss前端
    Documentbody{background-color:#f5f5f5;}.goods{width:234px;height:300px;background-color:#fff;/*样式居中*/margin:0auto;text-align:center;}img{width:160px;}运行结果
  • JavaWeb之Html-Css 孤独套餐 javawebhtmlcss前端
    标题标签标题标签（到）是HTML中用于定义标题和子标题的元素。它们按照重要性从h1到h6递减，是最高级别的标题，通常用于页面主标题，是最低级别的标题。羊村守护者CSS选择器用来选取需要设置样式的元素标签元素选择器通过HTML元素名称选择元素/*选择所有的元素*/p{color:blue;}类选择器通过元素的class属性选择元素.navbar{background-color:rgb(125,15
  • allegro artwork设置和颜色设置的导入导出
    allegroartwork设置和颜色设置的导入导出2013-07-1213:17:36分类：WINDOWSallegro使用artwork出gerber的关键就是每张底片的颜色输出，所以能够导出颜色和artwork的设置对于提高工作效率而言是很有帮助的。首先是配置top层的颜色设置，然后view->colorviewsave=>把颜色设置保存下来。使用相同的办法可以把其他所以需要出gerber的
  • Flutter 提取图像主色调 ColorScheme.fromImageProvider 愿天深海 flutter
    从图像中提取主色调，用于动态适配颜色主题或者界面颜色。之前在Flutter应用里一直用的palette_generator插件，可以分析图像颜色，从中提取一系列主要的色调。最近发现这个谷歌官方的插件竟然不维护了，后续没有更新计划了。查找了一系列资料之后，才发现原来在Material3设计规范中有ColorScheme.fromImageProvider这么一个功能，用于从图像的主色调生成配色方案，
  • Flutter控件归纳总结 Bryce李小白 flutter
    Flutter的控件（Widget）是构建UI的基础，分为无状态（StatelessWidget）和有状态（StatefulWidget）两大类。以下是Flutter核心控件的系统归纳：一、基础布局控件Container通用容器：支持装饰（颜色、边框、阴影）、内外边距、尺寸约束。示例：Container(color:Colors.blue,padding:EdgeInsets.all(16))Ro
  • 2024信友队智灵班春季 Test1 总结
    4月模考死亡回放模考时间线1:30比赛开始，读T1宇宙爆炸的题1:50自己手模了几组样例，得出了一个错误结论，打出了第一版错误代码，然后上交（WrongAnswer20\color{red}\text{Wrong\Answer\20}WrongAnswer20）中间拿了T2逃狱风云的部分分（WrongAnswer10\color{red}\text{Wrong\Answer\10}WrongAns
  • 壁纸上传测试
    壁纸上传测试body{font-family:Arial,sans-serif;max-width:800px;margin:0auto;padding:20px;background-color:#f5f5f5;}.container{background:white;padding:30px;border-radius:10px;box-shadow:02px10pxrgba(0,0,0,0.
  • 微信小程序之自定义模态弹窗（带动画）实例-——-微信小程序实战系列（8）
    .btn{width:80%;padding:20rpx0;border-radius:10rpx;text-align:center;margin:40rpx10%;background:#000;color:#fff;}/mask/.drawer_screen{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;bac
  • 初级网安作业笔记3
    内容：自行搭建前端页面并分析运行成功界面：代码：用户登录|系统名称/*全局样式重置与基础设置*/:root{--primary-color:#1a73e8;--primary-hover:#1557b0;--error-color:#d93025;--text-color:#5f6368;--border-color:#dadce0;--bg-color:#f0f2f5;--transition-
  • 设计模式——原型模式 舟景辞雾枝 软件设计模式设计模式原型模式java
    原型模式1.克隆羊问题现在有一只羊tom，姓名为:tom,年龄为：1，颜色为：白色，请编写程序创建和tom羊属性完全相同的10只羊。2.传统方式解决克隆羊问题思路分析通过构造器手动new够需要数量的对象代码//Sheep类publicclassSheep{privateStringname;privateintage;privateStringcolor;publicSheep(Stringnam
  • C++基础：enum class作用域枚举 (C++11) 坎坎坷坷. C++基础知识c++
    C++基础：enumclass作用域枚举介绍特点作用域强类型默认底层类型介绍enumclass是C++11引入的一种改进的枚举机制，主要改进了传统的enum类型的作用域控制问题，故也被称为作用域枚举（scopedenumerations）。那么，他到底解决了什么问题呢？看下面的代码：#includeenumColor{write,red,green,};intwrite=1;intmain(){s
  • C++枚举：enum与enum class qq_38196982 C++
    1.enumC++中enum提供了另一种创建符号常量的方法，这种方式可以替代const。enum也允许定义新类型，使用enum的语法与使用结构相似。如对下述示例：enumcolor{red,orange,yellow,black};有2个含义：1）color称为新类型的名称，color被称为枚举，如同struct被称为结构体一个道理2）red,orange,yellow,black等为符号常量，默
  • C++ 打印enum class枚举类 L-Super C++细枝末节c++开发语言
    前言C++11中引入了强类型的enumclass类型（或称为枚举类），但是有一点比较尴尬的是，std::cout标准流不支持输出enumclass类型。比如以下代码：#includeintmain(){enumclassColor{red,green=20,blue};Colorr=Color::blue;std::cout'}and'main()::Color')8|std::cout}MSVC
  • Linux的Initrd机制 被触发 linux
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
  • maven本地仓库路径修改 bitcarter maven
    默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
  • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
  • Java 求素数运算 周凡杨 java算法素数
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
  • java 单例模式 g21121 java
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
  • Linux下Mysql源码安装 510888780 mysql
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
  • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
  • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
    一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
  • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
    一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
  • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
  • 多线程编程一般规则 bijian1013 javathread多线程java多线程
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
  • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
  • cookie状态判断引发的查找问题 bitcarter formcgi
    先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
    public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
  • 看别人的博客，觉得心情很好 Cb123456 博客心情
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
        我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
  • JS常用的事件及方法 cwqcwqmax9 js
    事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
  • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
    正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
  • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
  • 判断一个数是质数的几种方法 EmmaZhao Mathpython
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
  • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
      SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
  • JS实现自适应宽度的Tag切换 ini JavaScripthtmlWebcsshtml5
    效果体验：http://hovertree.com/texiao/js/3.htm   该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
  • Hbase Rest API : 数据查询 kane_xie RESThbase
    hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。   启动命令：./bin/hbase rest s
  • JQuery实现鼠标拖动元素移动位置（源码+注释） 明子健 jqueryjs源码拖动鼠标
    欢迎讨论指正！   print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
  • Postgresql 连表更新字段语法 update qifeifei PostgreSQL
    下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
  • 将redis,memcache结合使用的方案? tcrct rediscache
    公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
  • 开发中遇到的诡异的bug wudixiaotie bug
    今天我们服务器组遇到个问题： 我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他