starof
starof

JS实现类似QQ好友头像hover时显示资料卡的效果

一、应用场景

鼠标hover弹出div，并且鼠标离开后不能马上隐藏，因为这个div上还有功能入口。比如：

  • 鼠标经过好友列表中的好友头像时显示资料卡的效果

JS实现类似QQ好友头像hover时显示资料卡的效果_第1张图片

  • hover时显示二维码

JS实现类似QQ好友头像hover时显示资料卡的效果_第2张图片

二、实现

用如下这样一个简单的效果：鼠标hover到A上显示B来模拟

有2种实现方式，推荐第二种，第一种有弊端下面会说。

1、方法一

原理：把触发元素A和要显示元素B放于同一个父级元素内，鼠标经过父级元素时触发显示B。这样鼠标移动到B时仍然 处于该父级元素内，则div不会隐藏。

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hover A show B</title>
<script src="http://code.jquery.com/jquery-1.12.2.min.js"></script>
<style type="text/css">
#hook { float: left; margin: 10px 0 10px 10px; width: 50px; height: 50px; background-color: #ccc; }
#msg-box { border: 1px solid black; width: 200px; height: 150px; display: none; float: left; padding: 10px }
</style>
</head>
<body>
<div id="hoverWrap">
    <div id="hook">A</div>
    <div id="msg-box">功能模块B</div>
</div>
<script type="text/javascript">

$("#hoverWrap").hover(function(){
    $("#msg-box").toggle();
});
</script>
</body>
</html>
View Code

JS实现类似QQ好友头像hover时显示资料卡的效果_第3张图片

这种方法实现起来比较简单，但需包裹一层父标签且有个弊端：两个元素不能有间距。

2、方法二

原理：鼠标经过A时弹出B，鼠标移出A，设置一个计时器延迟0.5s再关闭B，所以鼠标移入A时需判断，如果有计时器则先清除计时器再显示B。

当用户离开触发事件的A后，资料卡div要延时0.5秒才后关闭，用户拥有足够的时间进行相应的操作，当鼠标移入资料卡B，将B中之前正在计时关闭B的计时器关闭。

完整代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hover A show B</title>
<script src="http://code.jquery.com/jquery-1.12.2.min.js"></script>
<style type="text/css">
#hook { float: left; margin: 10px; width: 50px; height: 50px; background-color: #ccc; }
#msg-box { border: 1px solid black; width: 200px; height: 150px; display: none; float: left; padding: 10px }
</style>
</head>
<body>
<div id="hook">A</div>
<div id="msg-box">功能模块B</div>
<script type="text/javascript">
var timer;
$("#hook,#msg-box").bind("mouseover",showMsgBox);
$("#hook").bind("mouseout",hideMsgBox);
$("#msg-box").bind("mouseout",function(){
    if(timer){clearTimeout(timer);}
    $("#msg-box").hide(); 
});
function showMsgBox(){
    if(timer){clearTimeout(timer);}
    $("#msg-box").show();
}
function hideMsgBox(){
    timer=setTimeout(function(){
        $("#msg-box").hide();
    },500);
}
</script>
</body>
</html>
View Code

js部分:

<script type="text/javascript">
var timer;
$("#hook,#msg-box").bind("mouseover",showMsgBox);
$("#hook").bind("mouseout",hideMsgBox);
$("#msg-box").bind("mouseout",function(){
    if(timer){clearTimeout(timer);}
    $("#msg-box").hide(); 
});
function showMsgBox(){
    if(timer){clearTimeout(timer);}
    $("#msg-box").show();
}
function hideMsgBox(){
    timer=setTimeout(function(){
        $("#msg-box").hide();
    },500);
}
</script>

注意事项

1、触发事件用mouseover而非mousemove。

mouseover:鼠标移入目标元素上方时触发。

mousemove:鼠标在元素内部移动时不断触发。

所以用mouseover,mousemove耗资源。

更多信息可参考：http://www.cnblogs.com/starof/p/4106904.html

2、 调用timer前先声明

若不声明，则timer在第一次鼠标移出时才会声明，所以第一次鼠标移入时会报错提示timer未声明。

3、调用mouseover事件前必须先清除定时器

若不清除，计时0.5s后会自动关闭B

三、封装成一个通用功能

考虑到这个功能比较通用，所以封装了一下。因为js需要处理一些兼容性问题，所以用jquery来写。

/**
* @Description 鼠标hover到oHook上显示oMsgBox。
* @Author      liuxiaoyan 
* @Date        2016-03-24 15:01:13
* @Last Modified by:   liuxiaoyan
* @Last Modified time: 2016-03-24 15:01:13
*/
/**
* @param oHook:要hover上去的元素
* @param oMsgBox:hover上去要显示的元素
* 调用示例：hoverShowMsg.init({hook:$(".viewPhone"),msgBox:$(".viewPhonescan")});
*/

var hoverShowMsg=(function(){
    var oHook,
        oMsgBox,
        timer;
    
    function init(o){
        oHook=o.hook;
        oMsgBox=o.msgBox;
        bindEvent();
    }
    function bindEvent(){
        oHook.bind({
            mouseover:showMsgBox,
            mouseout:hideMsgBox
        });
        oMsgBox.bind({
            mouseover:showMsgBox,
            mouseout:function(){
            if(timer){clearTimeout(timer);}
            oMsgBox.hide();
        }
        });
    }
    
    function hideMsgBox(){
        timer=setTimeout(function(){
            oMsgBox.hide();
        },500);
    }
    function showMsgBox(){
        if(timer){clearTimeout(timer);}
        oMsgBox.show();
    }
    return{init:init};
})();
View Code

 

本文作者starof,因知识本身在变化，作者也在不断学习成长，文章内容也不定时更新，为避免误导读者，方便追根溯源，请诸位转载注明出处：http://www.cnblogs.com/starof/p/5312195.html有问题欢迎与我讨论，共同进步。

 

你可能感兴趣的:(JS实现类似QQ好友头像hover时显示资料卡的效果)

  • Linux内核套接字诊断框架：sock_diag.c深度解析 109702008 编程#C语言网络linux人工智能网络
    在内核网络子系统中，sock_diag.c是支撑ss、netstat等工具的核心模块，它通过统一框架实现了跨协议族的套接字诊断功能。本文将深入剖析其设计思想与实现细节。一、框架概述：解耦协议与诊断sock_diag的核心是协议族处理程序注册机制。不同协议族（如AF_INET、AF_INET6）通过注册sock_diag_handler结构体实现定制化诊断：structsock_diag_handl
  • WebFuture：在银河麒麟系统将TCP80端口流量转发到本机TCP8080端口 bbsh2099 服务器网络运维WebFuture
    问题描述：在银河麒麟系统，将TCP80端口流量转发到本机TCP8080端口解决方案：firewall-cmd--permanent--zone=public--add-forward-port=port=80:proto=tcp:toport=8080#永久性地在public区域中添加端口转发规则，将所有进入TCP80端口的流量转发到8080端口。firewall-cmd--reload#重新加载
  • 力扣199-二叉树的右视图-C++ TLJava^v^ 数据结构#力扣-C++c++力扣二叉树右视图层次遍历
    一、运行结果二、题目给定一个二叉树的根节点root，想象自己站在它的右侧，按照从顶部到底部的顺序，返回从右侧所能看到的节点值。示例1:输入:[1,2,3,null,5,null,4]输出:[1,3,4]示例2:输入:[1,null,3]输出:[1,3]示例3:输入:[]输出:[]来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/binary-tr
  • 【dawn·数据结构·笔记】二叉树的右视图(C++)
    简要说明：(1)题目来源：课程(上机考题)。(2)由于作者水平限制和时间限制，代码本身可能仍有一些瑕疵，仍有改进的空间。也欢迎大家一起来讨论。——一个大二刚接触《数据结构》课程的菜鸡留目录题目简介思路分析代码部分讨论1：序列建树问题讨论2：三视图补充部分题目简介给定一颗二叉树的前序遍历和中序遍历序列，先重建这棵树1，然后想象自己站在其右侧，按照从顶部到底部的顺序，返回右侧能看到的结点值。例如对于下
  • AutoScraper: 智能、自动、快速的Python网页抓取利器
    AutoScraper简介在当今数据驱动的时代,网页抓取已成为获取大量在线数据的重要手段。然而,传统的网页抓取方法往往需要编写复杂的代码,并且在面对不同网站结构时缺乏灵活性。AutoScraper应运而生,它是一个智能、自动、快速且轻量级的Python网页抓取库,旨在简化网页抓取过程,让数据获取变得更加便捷。AutoScraper的核心理念是"学习"抓取规则。用户只需提供目标网页的URL或HTML
  • 正则表达式
    运用正则表达式进行爬虫就是把想要得到的信息爬取出来贪婪爬取和非贪婪爬取replace(正则表达式,新的内容)符合正则表达式的被替换成新的内容(返回值是String)split(正则表达式)按照正则表达式规则切割字符串(返回值是String[]),遍历数组就可以得到了分组其实就是把内容分组,然后用组号代替内容复制,这样就不用多写几遍练习:其实正则表达式不用背,以后要用的时候直接右键选择插件下载的选择
  • 【Python入门】极速爬取：用Python Autoscraper库简化网络数据抓取
    ️极速爬取：用PythonAutoscraper库简化网络数据抓取你是否梦想过能够以闪电般的速度从网上抓取数据，而无需深入了解复杂的爬虫技术？️是否想要一个简单易用的工具，让你快速上手网络爬虫，而不必担心代码的繁琐？如果你的答案是肯定的，那么这篇文章将是你的加速器。让我们一起探索Python的Autoscraper库，学习如何用它来简化网络数据抓取的过程。引言在信息爆炸的时代，能够快速从互联网上抓
  • AI人工智能与自动驾驶的协同创新模式 AI大模型应用之禅 人工智能自动驾驶机器学习ai
    AI人工智能与自动驾驶的协同创新模式关键词：人工智能、自动驾驶、协同创新、深度学习、计算机视觉、传感器融合、决策系统摘要：本文深入探讨了人工智能与自动驾驶技术的协同创新模式。我们将从基础概念出发，逐步分析AI如何赋能自动驾驶系统，涵盖感知、决策和控制三大核心模块。文章将通过生动的比喻解释复杂技术原理，展示实际代码实现，并探讨未来发展趋势和挑战。通过这篇文章，读者将全面理解AI与自动驾驶如何相互促进
  • 大语言模型应用指南：Gemini简介 AI大模型应用之禅 人工智能数学基础计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    1.背景介绍自然语言处理（NLP）一直是人工智能领域的热门话题之一。在NLP中，语言模型是一个重要的概念，它可以用来预测下一个单词或字符的概率。近年来，随着深度学习技术的发展，大型语言模型的研究和应用也越来越受到关注。其中，Gemini是一种新型的大型语言模型，它在多项任务上取得了优异的表现。本文将介绍Gemini的核心概念、算法原理、数学模型和公式、项目实践、实际应用场景、工具和资源推荐、未来发
  • 【EI复现】基于深度强化学习的微能源网能量管理与优化策略研究（Python代码实现）
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述一、微能源网能量管理的基本概念与核心需求二、深度强化学习（DRL）在微能源网中的应用优势三、关键技术挑战四、现有基于DRL的优化策略案例五、相关研究文档的典型结构与撰写规范六、结论与未来方向2运行结果2.1有/无策略奖励2.2训练结果12.2训练结果23参考文献
  • Python实例题：基于 Python 的简单爬虫与数据可视化 狐凄 实例python开发语言
    目录Python实例题题目要求：解题思路：代码实现：Python实例题题目基于Python的简单爬虫与数据可视化要求：使用Python构建一个简单的爬虫程序，支持以下功能：从指定网站抓取数据（如新闻、商品信息等）解析HTML内容并提取所需信息将数据存储到文件或数据库对抓取的数据进行统计和可视化分析使用requests和BeautifulSoup进行网页爬取和解析。使用pandas和matplotl
  • 基于Python的气象数据分析及可视化研究
    气象数据作为地球系统科学的核心要素，其分析与可视化在气候研究、灾害预警、农业生产等领域具有战略性意义。本文以Python技术栈为基座，系统探讨气象数据的采集预处理、多维度分析模型及可视化表达范式，通过3000+字深度研究揭示Pandas时序处理、Xarray多维计算、Cartopy地理可视化等工具的核心方法论。内容涵盖全球再分析数据挖掘、极端天气模式识别、动态热力图构建等实战场景，并引入机器学习预
  • win10企业版2016长期服务版本认证过期怎么办?
    Win10企业版2016长期服务版本作为目前最流畅的win10版本，很多同学都安装了这个版本，目前这个版本具有很大的市场占有率，但是这个版本激活比较困难，很多同学收到过认真过期的提示。今天小编就把个问题给大家分享一下。目前win10企业版2016长期服务版本只能用专用密钥激活，今天小编就为大家分享几枚最新可用的Win10企业版2016长期服务版本密钥。如果密钥失效或者不能使用，可以联系小编vx:j
  • 达梦库批量操作重复数据及唯一主键冲突问题解决思路 禛陌 java
    背景实时数据需要批量入历史表，频率高，数据量大。无法保障数据重复问题。之前我们一直用MongoDB,解决重复问题可用唯一索引解决，MongoDB在批插操作时，可以跳过批插过程中失败的数据继续插入。本次系统建设用的是达梦库，当前遇到的问题是批插时，一条失败，无法执行整个批插。网上找了一些资料，Mysql有insertignorinto…做为相应的解决方案。达梦库未到类似操作，网上建议用mergein
  • 使用 Ollama 部署 Deepseek 想知道哇 大语言模型人工智能语言模型
    使用Ollama部署Deepseek模型Ollama与传统部署方法的主要区别特性传统部署方法（之前的文章）Ollama方法部署复杂度高（需要手动设置环境、依赖和量化）低（简化的命令行界面）技术要求需要Python和机器学习库知识基本命令行知识即可灵活性高度可定制（训练参数、模型结构等）相对较低，但足够大多数使用场景资源管理手动管理（需自行优化内存使用）自动处理（内置优化）API集成需要自行实现内置
  • Chatbox使用指南 想知道哇 大语言模型人工智能语言模型
    Chatbox使用与API配置指南目录Chatbox简介安装与设置基本使用API配置使用进阶功能常见问题与解决方案最佳实践与技巧1.Chatbox简介Chatbox是一款开源的ChatGPT/API桌面应用程序，支持Windows、Mac和Linux。它允许用户通过友好的界面与各种大型语言模型进行交互，包括：OpenAI的ChatGPT、GPT-4等模型Anthropic的Claude系列模型Go
  • python 函数—递归和汉诺塔 想知道哇 pythonpython开发语言
    Python递归目录递归的定义递归的基本结构递归的工作原理递归案例详解阶乘计算斐波那契数列汉诺塔问题递归的应用场景递归的效率问题调用栈溢出重复计算递归优化技术尾递归优化记忆化技术转换为迭代递归与迭代的比较实践技巧与建议递归的定义递归(Recursion)是一种解决问题的方法，其中函数直接或间接地调用自身来解决问题的子问题。简单来说，递归是函数调用自身的过程。递归思想的本质是将复杂问题分解成相似但规
  • python 高阶函数和 functools 模块 想知道哇 pythonpython开发语言
    Python高阶函数和functools模块Python中的高阶函数和functools模块是函数式编程的重要组成部分。目录高阶函数基础functools模块概述functools.reduce()偏函数functools.partial()@functools.wraps()装饰器高阶函数、闭包与装饰器的关系实际应用案例高阶函数基础高阶函数是指接受一个或多个函数作为参数，或者返回一个函数的函数。
  • 微软服务器2016各版本区别,Win10系统有几个版本？Windows10各版本区别详细介绍
    随着Win10正式版发布临近，微软今天正式公布了Win10版本。由于Win10融合了PC、平板以及智能手机三大平台，因此Win10版本也要明显比Win7/8复杂。那么Win10有几个版本？各版本有哪些区别呢？作为手机电脑数码爱好者朋友来说，你都该了解下。Win10有几个版本Win10系统各版本区别Win10有几个版本？根据微软今天的正式公布，Win10共划分为7个版本，具体如下：-Windows1
  • 提交git时包含超过200M文件时git报错 狗八先生~~ git
    今天上传git的时候遇到一个文件过大无法上传的情况解决方案，使用GitLFS管理大文件GitLFS能够把大文件存到远程服务器，在仓库里仅保留轻量级的指针。GX@DESKTOP-U8BCJOEMINGW64/e/...gx/code/UnmannedVehiclePro(master)$gitlfsinstallUpdatedGithooks.GitLFSinitialized.GX@DESKTOP
  • 对于Java8的新特性，应该了解(掌握)的哪些
    Java8的新特性一、Lambda表达式基本的使用方式Lambda表达式的使用：6种情况语法格式一：无参，无返回值语法格式二：Lambda表达式需要一个参数，但是没有返回值语法格式三：数据类型可以省略，因为可由编译器推断得出，称为"类型推断"语法格式四：Lambda若只需要一个参数，参数的小括号也可以省略语法格式五：lambda表达式需要两个或以上参数，多条执行语句，并且可以有返回值语法格式六：当
  • python内置函数range(a、b、s)的作用_python中，内置函数range(a,b,s)的作用是产生一个整数序列，从a到b.... 苍穹雲嵐 bs)的作用
    python中，内置函数range(a,b,s)的作用是产生一个整数序列，从a到b.答：错在生物性污染中范围最广、危害最大的污染是微生物的污染。(?)答：对中国大学MOOC:Whichofthefollowingstrategiesdoesthemanusetodealwiththedifficultsecurityguard?答：fightingbackandcoolingdownfinally
  • 如何用 Spring Boot 轻松集成数据库：JPA 与 MyBatis 实践 zhyoobo springboot数据库mybatisjava开发语言设计模式
    一、持久层技术选型之道1.1ORM框架的哲学分野在Java生态中，JPA与MyBatis代表着两种截然不同的设计理念。JPA（JavaPersistenceAPI）作为规范化的ORM标准，强调面向对象思维与声明式编程，而MyBatis则延续了SQL原生的灵活性与控制力。SpringBoot通过自动配置机制，为两种技术提供了无缝集成方案。据统计，2023年StackOverflow开发者调查显示，J
  • Windows10/11 轻度优化 纯净版，12个版本！
    系统介绍镜像包均基于微软官方原版系统精心制作，确保系统的原汁原味与稳定性。Windows10/11，都集成了最新的补丁。版本选对，一键安装到位，全自动无人值守安装模式。系统特点系统进行优化提供了12个系统版本集成了运行库、网卡驱动、首次联网更新补齐驱动系统版本介绍️1.Windows_11_24H2_64位_LTSC企业版【版本号26100.4349】MD5：48F2C6E9FF98F14187C
  • 安卓播放器、Ai智能体、聚会神器|今天还有什么？ 阿幸软件杂货间 android人工智能
    MXPlayer播放器：安卓界的PotPlayer这是一款安卓端的播放器，支持常见的视频格式：3GP、AVIDIVX、F4V、FLV、MKV、MP4、MPEG、MOV、VOB、WMV、WEBM、XviD、4K、HDR等，其支持TV、安卓和车机，而且给大家带来的是Pro版，无广告零弹窗，非常好用。下载地址：夸克下载小云雀AI：剪映出品，一句话，就能生成一段完整视频小云雀是一个剪映出品的AI视频生成软
  • python数据分析scipy库安装与使用 范哥来了 python数据分析scipy
    安装scipy库scipy是一个用于科学计算的Python库，它依赖于numpy。如果你还没有安装scipy，可以使用以下命令来安装：pipinstallscipy或者，如果你使用的是Anaconda环境，可以通过conda来安装：condainstallscipy使用scipy库scipy提供了许多用于科学计算的功能，包括统计、优化、积分、线性代数等。下面是一些常见的用法示例。1.导入scipy
  • React中理念梳理 gzzeason react.jsjavascript前端
    文章总结来自：React官方文档和React设计原理（作者：卡怂）一、UI=f(state)在现代前端库中，公式UI=f(state)囊括了大部分实现原理，意思是框架内部运行机制根据当前状态渲染视图，其中：UI：宿主环境的视图f：框架内部运行机制state：当前视图状态React原理也依据上述公式。React开发团队认为，UI与逻辑存在耦合的部分，这个耦合部分就是组件，开发者可以：在UI上绑定事件
  • 第G1周：生成对抗网络（GAN）入门
    本文为365天深度学习训练营原作者：K同学啊基础任务：1.了解什么是生成对抗网络2.生成对抗网络结构是怎么样的3.学习本文代码，并跑通代码进阶任务：调用训练好的模型生成新图像一、理论基础生成对抗网络（GenerativeAdversarialNetworks,GAN）是近年来深度学习领域的一个热点方向。GAN并不指代某一个具体的神经网络，而是指一类基于博弈思想而设计的神经网络。GAN由两个分别被称
  • git超过10MB的文件push失败怎么解决 m0_53365315 git
    #1.确保已安装并初始化LFSgitlfsinstall#2.扫描出所有>10M的文件，并一一trackfindfilesForAndroid-typef-size+10M-print0\|xargs-0-n1gitlfstrack#3.提交更新后的.gitattributesgitadd.gitattributesgitcommit-m"chore:LFS-trackall>10Mfilesun
  • 3、使用Zappa构建基于Flask的REST API js777 FlaskZappaRESTAPI
    使用Zappa构建基于Flask的RESTAPI1.技术要求与环境搭建在开始构建基于Flask的RESTAPI之前，我们需要确保开发环境已经准备好。以下是构建和部署无服务
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!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/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他