在最近接到的需求是这样的,画一个折线图,关键点使用空心的圆点标识出来,鼠标移动到关键点上,显示出当前数值:鼠标移走数值消失. 我们遇到这个需求的时候,第一时间就会想到使用 QLineSeries 画折线图.首先初始化   QChart *chart = new QChart();   chart->legend()->setVisible(false);   ui->chartView->setChart(chart);   ui->chartView->setRend…
先看代码 <script> $(function() { $('div').mouseover(function() { $('img').animate({ opacity: '0.9', width: '120%', height: '120%', left:"-10%" }); }); $('div').mouseout(function() { $('img').animate({ opacity: '1.0', width: '100%', height: '10…
<Grid>         <Canvas x:Name="LayoutRoot">             <Image Cursor="Hand" MouseLeftButtonDown="imgLogo1_MouseLeftButtonDown" MouseEnter="imgLogo1_MouseEnter"                    MouseLeave="img…
最近做一个网站论坛,为了方便会员之间相互了解,又不想再做一个页面展示用户资料,就想到了鼠标划过用户名时在鼠标右下角显示div展示用户资料这个效果, 这里要注意的该方法不是给每个用户名的旁边都绑定一个div,当鼠标经过用户名时显示,鼠标离开时隐藏,如果这样做网页加载就太耗时将了.但以前没做过,于是便想实现这个功能.经过一天的学习和查阅,了解了个大概,最终实现了这个效果.下面列一下难点和实现方法: 一.难点 难点无非就三大块,一个是div的定位,这个是该效果的主要难点,之前在网上找了很多定位的代码,…
这是个客户的需求,具体大概是可以在一个 24*8 的点阵图上自由绘制图形,然后数据的存储是按列依次记录,用0和1分别表示是否选中,最终串成一个字符串. 整体需求难度并不复杂,所以在写demo的时候就尽可能增强了一些扩展性,比如点阵区域可以自由设置:点阵图案绘制可以按住鼠标拖拽,增加的数据清空功能. 直接看demo吧.…
前段时间,受朋友委托,需要做一个能够获取别人软件文本框中内容的助手.当然这需要调用win api来解决问题.一开始,我想都没想,就用getWindowText()....居然没用,好郁闷.于是查msdn..发现关于返回值,是这样写的 Return Values The length, in characters, of the copied string, not including the terminating null character, indicates success. Zero…
近期要做一些图表类的需求,一開始就去github上看了看,发现开源的图表框架还是蛮多的.可是非常少有全然符合我的需求的.另外就是使用起来比較麻烦.所以就决定自己来造轮子了~~~ 今天要介绍的就是Android图标系列中点阵图(姑且这么叫着吧╮(╯▽╰)╭)的画法. 效果图例如以下: 需求: 1. 给出几个点 画出坐标轴(用虚线) 2. 画出相应的点 在点的上方标出数值 3. 下方要显示个数值表示的意义 4. 重点!! ! !动态计算坐标轴,多余的坐标不能显示. 前三条好理解.第四条啥意思呢~ (…
好好学习,天天向上 本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star 前言 我这几天在做一个东西,就是一张像二维码这样的 n*n 的只有两种颜色的点阵图,识别出哪个方块是深色的,哪个方块是浅色的.就像下面这张图 我一开始想的是,既然是图像识别,那不是OpenCV嘛.但是我不会呀,所以就开始研究,发现Android要使用OpenCV还涉及到JNI,NDK.算了算了好复杂,还是直接在网上找现成的轮子吧.找了一圈后,发现没有找到.…
问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现.如图所示:   做法如下: <input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='请输入2-5个中文名字'){value =''}" onblur…
效果:http://hovertree.com/texiao/css3/20/ 效果图: 代码如下: <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta…