weixin_30859423
weixin_30859423

鼠标悬浮提示框

第一个例子：

html:

<h1>Example of simple jQuery tooltip<span class="toolTip" title="This is a simple tooltip made with jQuery"> span>h1>

js:

$(document).ready(function() {
    $('.toolTip').hover(
        function() {
        this.tip = this.title;
        $(this).append(
            '
'
                +'
'
                +'
'
                    +this.tip
                +'
'
                +'
'
            +'
'
        );
        this.title = "";
        this.width = $(this).width();
        $(this).find('.toolTipWrapper').css({left:this.width-22})
        $('.toolTipWrapper').fadeIn(300);
    },
    function() {
        $('.toolTipWrapper').fadeOut(100);
        $(this).children().remove();
            this.title = this.tip;
        }
    );
});

 第二个例子： 

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>jquery鼠标悬停动态显示提示文字或者图片title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js">script>
<style>
*{ margin: 0; padding: 0;}
body{ padding: 200px; font-size: 12px; background-color: #f0f0f0;}
.tooltips{ border-width: 1px; border-style: solid; position: absolute; display: none; border-radius: 3px; opacity: 0; filter:alpha( opacity = 0) ; z-index: 999;}
.tooltips p.content{ padding: 5px; }
.tooltips .triangle-front,.tooltips .triangle-back{ width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: solid; position: absolute; border-color: transparent ; top: 100%; left: 50%; margin-left: -8px;}
.tooltips .triangle-back{ margin-top: -1px;}

.yellow{ border-color: #c7c08d; background-color: #fffac3;}
.yellow .triangle-front{ border-top-color: #c7c08d;}
.yellow .triangle-back{ border-top-color: #fffac3;}

a{ padding: 5px; margin-right: 20px; border: 1px solid #cc00dd;}
style>
head>

<body>
<style>
.baidu_ads{ width:960px; height:90px; position:absolute; left:50%; bottom:0; margin-left:-480px; overflow:hidden;}
style>
<div class="baidu_ads">
<script type="text/javascript">
var sogou_ad_id=395091;
var sogou_ad_height=90;
var sogou_ad_width=960;
script>
<script type='text/javascript' src='http://images.sohu.com/cs/jsfile/js/c.js'>script>
div>

<span style="display:none;">
<script src="http://s94.cnzz.com/stat.php?id=4106941&web_id=4106941" language="JavaScript">script>
span><center>
<a href="javascript:" id="ahover" tooltips="这里是hover的tips">鼠标滑过自动显示a>
<a href="javascript:" id="aclick" tooltips="">点击显示提示信息a>
center>
<script>
$.fn.extend({
    hoverTips : function (){
        var self = $(this);
        var sw = self.get(0).switch;
        if( !sw ) {
            sw = true;
            var content = self.attr("tooltips");
            var htmlDom = $("
")
                    .addClass("yellow")
                    .html("
"
                            + "
"
                            + "
");
            htmlDom.find("p.content").html( content );
        }
        self.on("mouseover",function(){
            $("body").append( htmlDom );
            var left = self.offset().left - htmlDom.outerWidth()/2 + self.outerWidth()/2;
            var top = self.offset().top - htmlDom.outerHeight() - parseInt(htmlDom.find(".triangle-front").css("border-width"));
            htmlDom.css({"left":left,"top":top - 10,"display":"block"});
            htmlDom.stop().animate({ "top" : top ,"opacity" : 1},300);
        });
        self.on("mouseout",function(){
            var top = parseInt(htmlDom.css("top"));
            htmlDom.stop().animate({ "top" : top - 10 ,"opacity" : 0},300,function(){
                htmlDom.remove();
                sw = false;
            });
        });
    },
    clickTips : function (){
        var self = $(this);
        var sw = self.get(0).switch;
        if( !sw ) {
            sw = true;
            var content = self.attr("tooltips");
            var htmlDom = $("
")
                    .addClass("yellow")
                    .html("
"
                            + "
"
                            + "
");
            htmlDom.find("p.content").html( content );
        }
        self.on("click",function(){
            $("body").append( htmlDom );
            var left = self.offset().left - htmlDom.outerWidth()/2 + self.outerWidth()/2;
            var top = self.offset().top - htmlDom.outerHeight() - parseInt(htmlDom.find(".triangle-front").css("border-width"));
            htmlDom.css({"left":left,"top":top - 10,"display":"block"});
            htmlDom.stop().animate({ "top" : top ,"opacity" : 1},300, function(){
                setTimeout(function(){
                    htmlDom.stop().animate({"top":top - 10 ,"opacity" : 0},300,function(){
                        htmlDom.remove();
                        sw = false;
                    })
                },2000)
            });
        })
    }
});

$("#ahover").hoverTips();
$("#aclick").clickTips();
script>
body>
html>

 第三个例子：

http://www.oschina.net/code/snippet_197014_15484

转载于:https://www.cnblogs.com/lishupeng/p/5641538.html

你可能感兴趣的:(鼠标悬浮提示框)

  • selenium特殊场景处理 Monica_ll Seleniumseleniumchromepython
    文章目录前言一、多窗口处理二、浏览器弹窗处理包含alert、confirm、prompt三、鼠标和键盘事件处理前言在使用selenium操作浏览器的过程中可能需要借助键盘和鼠标功能完成一些操作，或者操作弹窗处理，本文主要是整理自己工作过程中使用过的一些方法一、多窗口处理在实际测试过程中经常会有通过点击或者连接打开新的窗口，这种情况下就需要切换webDriver到对应浏览器对象才能操作新窗口的元素。
  • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
  • os系统服务器防火墙怎么关闭,mac防火墙如何关闭
    用久了mac防火墙，有点烦它了，想要关闭该怎么办呢?下面由小编给你做出详细的mac防火墙关闭方法介绍!希望对你有帮助!mac防火墙关闭方法一：1.在开始界面下点击【桌面】或【Win+D】快捷键或单独按【Win】显示桌面。2.在开始的位置的地方点击鼠标右键。选择【控制面板】3.进入控制面板后点击【用户帐户和家庭安全】4.在用户帐户和家庭安全界面中依次点击【系统和安全】----【Windows防火墙】
  • 2024-02-25 Unity 编辑器开发之编辑器拓展6 —— Event 蔗理苦 Unity学习unity编辑器游戏引擎c#
    文章目录1Event介绍2重要API3代码示例1Event介绍Event提供许多属性和方法，允许检查和处理用户输入，主要用于Unity编辑器拓展开发。Input相关内容需要在运行时才能监听输入，而Event专门提供给编辑模式下使用，可以帮助检测鼠标键盘输入等事件相关操作，在OnGUI和OnSceneView中都能使用。2重要APIAPI说明Event.current获取当前事件。Event.cur
  • python pygame event get_pygame简单运用总结
    pygame简单运用总结Pygame就是一个游戏库，可以直接用高级语言编写，在python中导入pygame就可以用来写一些小游戏了。如何开始快速使用pygame的做出游戏呢？首先，就是了解游戏的运行主要是基于一个窗体，然后在窗体里面添加图片、音频，设计一些事件(像鼠标点击)，最后装进循环运行就哦了。基本窗体编写importpygame,syspygame.init()#实例化screen=pyg
  • 第21章 UE5使窗体移动 小宝哥Code MMORPGue5
    第21章UE5使窗体移动在游戏和应用程序界面设计中，窗体的移动是提升用户体验的重要环节。本章将详细探讨如何在UE5.2中实现窗体移动的各种技术，从基本的拖动和放置，到更复杂的动画效果和生命周期管理。21.1拖动和放置拖动和放置是用户界面交互的基础功能，允许用户通过鼠标或触摸操作移动和重新定位UI元素。在UE5.2中，我们可以通过多种方式实现这一功能。拖动原理拖动功能的核心原理是捕获鼠标按下事件，记
  • bettertouchtool闪退_BetterTouchTool for Mac 3.215 无闪退 触控板增强工具 Reinhardt Jin
    BetterTouchTool为魔术鼠标添加了许多新的完全可自定义的手势，Multi-TouchMacBook触控板和MagicTrackpad。这些手势是可定制的：魔术鼠标：捏合/缩小(缩放)单指点击左边单指轻拍右键单指中间单指轻拍单指点击中间双指轻敲双指点击双指轻扫(上/下/左/右)双指尖自来水左/右三指轻拍三指点击三指滑动(上/下/左/右)四指向上/向下滑动四指点击TipTap左/右触摸板：
  • bettertouchtool闪退_BetterTouchTool for Mac 3.206 无闪退 触控板增强工具 江思捷
    BetterTouchTool为魔术鼠标添加了许多新的完全可自定义的手势，Multi-TouchMacBook触控板和MagicTrackpad。这些手势是可定制的：魔术鼠标：捏合/缩小(缩放)单指点击左边单指轻拍右键单指中间单指轻拍单指点击中间双指轻敲双指点击双指轻扫(上/下/左/右)双指尖自来水左/右三指轻拍三指点击三指滑动(上/下/左/右)四指向上/向下滑动四指点击TipTap左/右触摸板：
  • Bettertouchtool 4.291(触控板增强软件) raeneiane09 1024程序员节
    BetterTouchTool是一款功能强大的Mac触控板增强软件，它允许用户自定义触摸栏、魔术鼠标和键盘快捷键等输入设备的操作和手势。通过BetterTouchTool，用户可以更高效地操作和控制Mac设备。主要特点和功能包括：自定义触摸栏和魔术鼠标：允许用户自定义MacBook触摸栏和MagicMouse的手势和按钮，为不同的手势和按钮分配自定义操作，如启动应用程序、调整音量、控制播放器等。键
  • Mac鼠标增强软件:Bettertouchtool 鱼儿吃西瓜 Mac软件
    BetterTouchTool是一款功能强大的应用程序，可让您自定义Mac上的各种输入设备。你可以通过BetterTouchTool强大的动作分配工具指定只要你能想到的系统动作，然后通过分配的按键手势快速触发指定的动作。BetterTouchTool支持Macbook触控板魔术触控板1和2魔术鼠标1和2触控栏自定义Siri/Apple遥控器普通鼠标手势普通鼠标键键盘快捷键键序列/文本触发器BTT远
  • 触摸板增强工具 BetterTouchTool
    原文地址：BetterTouchToolMac中文触摸板增强工具BetterTouchToolmac版，是一款触摸板增强工具，允许用户使用各种手势来控制其计算机。Bettertouchtoolmac是一个小而高效的macOS应用程序，旨在帮助您为手势定义快捷方式。此外，Bettertouchtool可用于使用常规鼠标和键盘快捷键，并提供伴侣iOS应用程序：您可以使用移动设备来控制计算机。
  • 顺滑+防水+耐造：雷蛇凌甲虫混合型鼠标垫L号体验 笔点酷玩
    坚持一年多，我还是没忍住换了新鼠标。一想到把这只雷蛇旗舰级巴塞利斯蛇V3RGB摆上桌之后，旧鼠标垫肯定越来越不搭调，我干脆把雷蛇凌甲虫混合型鼠标垫也收入囊中，配套更舒服。这张鼠标垫有Large和XXL两种尺寸，我选的Large号，收到之后才发现，它差一点就要赶上我的27英寸显示屏大小，拥有非常宽裕的操控面积。下面从开箱说起。雷蛇凌甲虫的包装盒如下图，正面左下角印有英文品名RAZERSTRIDER和
  • 粤嵌6818开发板触摸屏应用 搁浅小泽 单片机mcu物联网iot
    一、触摸屏应用1.触摸屏设备的名字在Linux下，一切皆文件，触摸屏也是一个文件。触摸屏设备的名字：/dev/input/event02.触摸屏的两个专业术语（1）事件->event0当一些外接控制设备(鼠标、键盘，wifi，触摸屏，按键)接入到嵌入式平台(GEC6818)时，这些外接设备的状态发生了改变(鼠标的左键被按下了，键盘的R键被按下，有人连接上wifi了，触摸屏被滑动了一下，按键被按下了
  • 【Selenium自动化测试】鼠标与键盘操作 牛油菠蘿包 Selenium教程自动化测试seleniumpython自动化
    在WebDriver中，与鼠标操作相关的方法都封装在ActionChains类中，与键盘操作相关的方法都封装在Keys类中。下面介绍下这两个类中的常用方法。鼠标操作ActionChains类鼠标操作常用方法：context_click()：右击double_click()：双击drag_and_drop()：拖动move_to_element()：鼠标悬停perform()：执行ActionCha
  • Vscode的常用快捷键（摆脱鼠标计划） Hi_kenyon vscode计算机外设ide
    我在使用python开发一个python项目工程，下面是我平时用到的快捷键、vscode设置与vscode插件快捷键以下是在VSCode中开发Python项目时可能用到的所有快捷键，按功能分类：Ctrl+P快速打开Ctrl+Shift+P打开VS配置Ctrl+K快捷组合键先导键基础文件操作Ctrl+N新建文件Ctrl+O打开文件Ctrl+S保存文件Ctrl+Shift+S另存为Ctrl+W关闭当前
  • 3dmax哪个版本最好用?3dmax版本大全-3dmax下载免费中文版百度网盘 心墙
    3dmax哪个版本最好用?3dmax版本大全-3dmax下载免费中文版百度网盘3dmax免费版安装包资源：链接:https://pan.baidu.com/s/1ZMrbF6YPNca25oaxZ1iuQg?pwd=1234提取码:1234--来自百度网盘超级会员v3的分享（手机用户长按复制打开即可）1.鼠标右击【3dsMax2024(64bit)】压缩包（win11及以上系统需先点击“显示更多选
  • echarts实现两个饼图嵌套 js_user echarts前端javascriptcsshtmlvue.js
    效果展示需求：内层饼图为一级分类，外层饼图为二级分类。内外层一级分类和多属的二级分类颜色一样，且悬浮二级分类，一级分类同样有高亮效果。一级分类和二级分类悬浮有释义说明（解释这个分类的含义）由于二级分类只展示其中一部分，所以一级分类和二级分类所占角度不一样。关键代码展示**定义option**constcolors=["#fc8251","#5470c6","#91cd77","#ef6567","
  • echarts中toolbox工具栏悬浮出现中文说明 js_user echarts前端javascript
    需求：目前是这种效果，要改成工具栏悬浮出现中文说明//在对应的工具栏配置中，添加titletoolbox:{show:true,//是否显示工具栏feature:{dataView:{show:true,readOnly:false,title:'数据视图'},saveAsImage:{show:true,title:'保存为图片'},},},
  • CSS伪类 chenmo2001 html5csscss3
    伪类简介：伪类：这个叫法源于它们跟类相似，但实际上并没有类会附加到标记的标签上。伪类分为两种：-UI伪类：会在HTML元素处于某种状态时（例如：鼠标指针位于指针上），为该元素应用CSS样式。Hover-结构化伪类：会在标记中存在某种结构上的关系时（例如：某元素是一组元素中的第一个或最后一个），为该元素应用CSS样式。二、UI伪类UI元素状态伪类选择器有如下几个：Selector:link：匹配Se
  • Autodesk MAYA 2024可视化三维建模永久安装包下载【Maya 2024 软件详细安装教程】 心墙
    AutodeskMaya玛雅3D制作软件破解免费版安装包资源提示：以下是安装教程，安装包资源放在下面，请往下翻。其他版本安装方法类似。1.解压安装包：①鼠标右击【Maya2025(64bit)】压缩包②选择电脑上安装的解压软件（如：360压缩）③点击【解压到Maya2025(64bit)】（若无法解压，先安装解压软件）2.打开解压后的文件夹，双击打开【Setup】文件夹。3.鼠标右击【Setup】
  • 2022-01-26 随笔联系、情人吵架 我特意拒绝见她 鱼哥游荡
    清晨起床后我仍然犹如一头生病的黄牛，外表看起来那么的高大威武健硕。实则我四肢无力的感觉已经延续一周了之久了，本以为可以自己欺骗自己明天一切就好了可是这该死的病痛已经折麽我许久未能退去。«吃饭了»妈妈用她那关爱的声音提醒着我。然而我却犹如行尸走肉般坐在电脑前双目发呆，微微的回了一句：你们吃吧。继续目光呆滞的看着屏幕鼠标毫无目的的游走在屏幕上仿佛一直找不到主人流浪狗。不知过了多久，突然意识到家里已经一
  • PyTorch武侠演义 第一卷：初入江湖 第5章：玉如意的秘密
    第一卷：初入江湖第5章：玉如意的秘密百年秘辛藏经阁最深处，大师掀开尘封的《门派大事记》，指向一幅泛黄的画卷：“看，这就是百年前的优化器长老——欧阳调参。”画中人手持玉如意，面前悬浮着九个水晶球。林小码凑近细看，发现如意上刻着「lr=0.001」。“当年TensorFlow帮为何要盗损失玉佩？”大师叹息：“因为这块玉佩，正是控制玉如意能量的钥匙…”突然，书架后传来机关转动的咔嗒声。一道暗门缓缓打开，
  • 京东随机变速滑块拼图验证码识别 detayun 京东滑块验证码深度学习图像识别python变速滑块验证码
    一、简介京东的滑块验证码大家都很熟悉，最近京东对他进行了更新，变成了随机变速滑动的验证码。什么是随机变速滑动验证码呢？为了好理解这个概念，先给大家讲一讲什么不变速滑动验证码。不变速滑动验证码：鼠标拖动验证码滑块，向右拖动10像素，上图的拼图小图也向右移动10像素，滑块与拼图速度保持同步不变，我们把它叫做不变速滑动验证码。变速滑动验证码：鼠标拖动验证码滑块，向右拖动10像素，上图的拼图小图却向右移动
  • 【Photoshop官方免费版2024】Photoshop官方免费版2024下载地址链接安装包资源百度网盘 心墙
    PS安装包永久免费版Photoshop2024最新下载安装教程提示：以下是安装教程，安装包资源放在下面，请往下翻。其他版本安装方法类似。安装教程：1.鼠标右击【PS2024(64bit)】压缩包（win11及以上系统需先点击“显示更多选项”）【解压到PS2024(64bit)】。（若无法解压，先安装解压软件，解压软件安装包在文末）2.打开解压后的文件夹，鼠标右击【Set-up】选择【以管理员身份运
  • 「ps下载」2024最新版 中文免费版下载-Photoshop电脑版下载 心墙
    PS安装包永久免费版Photoshop2024最新下载安装教程提示：以下是安装教程，安装包资源放在下面，请往下翻。其他版本安装方法类似。安装教程：1.鼠标右击【PS2024(64bit)】压缩包（win11及以上系统需先点击“显示更多选项”）【解压到PS2024(64bit)】。（若无法解压，先安装解压软件，解压软件安装包在文末）2.打开解压后的文件夹，鼠标右击【Set-up】选择【以管理员身份运
  • 2021-09-30 誉霏
    完全自我的独处时间，自婚后从没被人打扰过，而那天A672给我发来了问候的微信。原因是我白天正常还没自我隔离的时候在朋友圈丢了3个字：颈椎痛………他说：是病，得治……说实话我自我诊断过：是帮女儿背书包背出来的。磁悬浮降减重在10分钟行走过程中我依然觉得很累。我不是一个爱慕虚荣的女人，但童年和青春期时，我很爱撒谎。我会和身边的同学说我们家有空调，我满18岁时很爱我的爸爸会送我一辆车，最严重的我记得的就
  • BCGControlBar使用（八） weixin_33928137
    消息提示框PopupDemoMSN样式自定义样式1.创建CMSNDlg类（含控件摆放），派生于CBCGPPopupDlg，必须是子（child）类型voidCMSNDlg::OnDraw(CDC*pDC){CBCGPPopupDlg::OnDraw(pDC);CRectrectClient;GetClientRect(rectClient);CSizesizeLogo=m_imgLogo.GetI
  • Microsoft Excel 教程，如何在 Excel 中选择单元格行和列？ Mac123123
    欢迎观看MicrosoftExcel教程，小编带大家学习Excel的使用技巧，了解如何在Excel中选择单元格行和列。在Excel中可以选择一个或多个单元格、行和列的单元格内容。注意，如果工作表处于受保护状态，可能无法在工作表中选择单元格或其内容。选择一个或多个单元格，单击单元格以将其选中。若要选择单元格范围，选择一个单元格，然后按住鼠标左键并拖动到其他单元格上。若要选择不相邻的单元格和单元格区域
  • vue 组件水平滚动_Vue.js自定义垂直/水平滚动条组件|vue模拟滚动条 weixin_39726379 vue组件水平滚动
    介绍VScroll滚动条基于vuejs2.x构建的美化XY轴滚动条组件。支持原生滚动条、鼠标移出是否隐藏滚动条、自定义滚动条尺寸、颜色及层级等功能。拥有漂亮且流畅的滚动体验！参数配置props:{//是否显示原生滚动条native:Boolean,//是否自动隐藏滚动条autohide:Boolean,//滚动条尺寸size:{type:[Number,String],default:''},//
  • VR 技术在污水处理领域的创新性应用探索 广州华锐视点 vr
    在广州，VR污水处理技术的应用可谓是多点开花。首先，在污水处理流程模拟方面，工程师们利用VR技术创建了高度逼真的污水处理厂三维模型，将污水处理的整个流程，从预处理去除大颗粒杂质和悬浮物，到初级处理通过沉淀、过滤等方法去除悬浮物和溶解性杂质，再到二级处理利用生物降解方法去除有机物和营养盐，以及深度处理进一步去除难以降解的有机物和营养盐等环节，都一一呈现在虚拟环境中。通过这个虚拟模型，工程师可以模拟不
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他