精华内容
下载资源
问答
  • 原图片放静态图,为图片设置鼠标悬浮事件(onmouseover),把图片路径设置为动态图路径;再设置一个鼠标离开事件(onmouseout),把URL还原就好了...这样就可以达到鼠标图片上时,是动态图,离开后是静态图的效果。

         前几天有个朋友问我这个问题:如何实现“把鼠标放到图片后,变成动态图”,他估计是没学过JavaScript,其实这个问题实现起来还是挺简单的。下面简单说下:

         原图片放静态图,为图片设置鼠标悬浮事件(onmouseover),把图片路径设置为动态图路径;再设置一个鼠标离开事件(onmouseout),把URL还原就好了。这样就可以达到鼠标放到图片上时,是动态图,离开后是静态图的效果。

     

    源代码如下,如想尝试运行,请注意图片路径问题,我这里图片是和HTML放在同一文件夹里的。具体可见最后面的测试地址。

    <!DOCTYPE html>
    <html>
      <head>
        <title>静态图_悬浮变动态图.html</title>
    	
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        
        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
        
      </head>
      
      <body>
        <p>下面这张图片原本是静态图,把鼠标到图片后,变成动态图</p>
        <img alt="猫_静态图" src="猫_静态图.jpg" 
        onmouseover="src='猫_动态图.gif'" 
        onmouseout="src='猫_静态图.jpg'"/>
      </body>
    </html>
    

    这个是静态图: 

    猫_静态图

    这个是动态图: 

    (注:如果这里的图片不能上传GIF,你可以上网找动态图,也许你可能会问没有静态图怎么办?截图动图就可以了!如果截图的像素不一样,你可以为图片添加width和height属性进行控制。) 


    2019年9月25日更新:

    添加测试地址:https://codepen.io/yansheng836/pen/mdbopqM,注:图片就是使用这两张“可爱的小猫”。

    展开全文
  • 静态图片放盗链

    万次阅读 2016-09-12 11:31:57
    从形式看是一个静态地址,实际还是访问的动态地址, 比如:访问:http://www.abc.com/news-sport-id123.html 实际是:http://www.abc.com/news.php?type=sprot&id=123; 主要是利于seo,静态页面的方式,比较...

    、伪静态:

    从形式上看是一个静态地址,实际上还是访问的动态地址,

    比如:访问:http://www.abc.com/news-sport-id123.html

    实际上是:http://www.abc.com/news.php?type=sprot&id=123;

    主要是利于seo,静态页面的方式,比较容易被搜索引擎给搜集。

      Localhost/6.php     输入 localhost/6.html 同样能输出跟6.php同样的内容    

     

    1、实现原理:

    使用apac herewrite机制。

    rewrite机制:就是一个url的重写机制,

    2、如何开启重写模块,

    httpd.conf文件中进行开启。

    图片1

     

     

    3、配置方式:

      1)直接在配置虚拟主机处进行配置 ,每次修改apache的文件都需要重启apache

        <VirtualHost *:80>

      #主机名

       ServerName  localhost

       #开启重写引擎

       RewriteEngine on

       #写重写规则

       RewriteRule /index.html  /6.php [L]

       #文件的根目录路径

       DocumentRoot  "E:/server/apache/htdocs"

    <Directory  "E:/server/apache/htdocs">

       #结构样式

      #打开默认的首页

    DirectoryIndex  index.php  index.html

    #打开默认索引列表   

        Options  Indexes  FollowSymLinks     

       #权限

      #权限控制   先拒绝后允许

       Order Deny,Allow   

     #允许所有用户进行访问

       AllowOverride All

        Allow from  All    

      </Directory>

    </VirtualHost>

     

      2)分布式配置 具体的.htaccess文件中的配置: 在网站的根目录下创建一个文件,文件名为.htaccess

      <ifModule rewrite_module>

       #打开重写引擎

       RewriteEngin on

       #RewriteCond 判断条件(服务器变量) 条件表达式  [条件标志]

       #RewriteRule  规则url   目标url  [规则的标志]

     </ifModule>

    4、具体的语法:

    RewriteEngine on  #开启重写引擎

    RewriteCond  重写条件,要满足一定的条件才重写。

     

    RewriteCond条件的语法:

    RewriteCond   判断依据   条件表达式 [条件标志]

     

    1)判断依据:可以使用服务器变量:

    RewriteCond %{REQUEST_FILENAME} !-d

    RewriteCond %{REQUEST_FILENAME} !-f

    比如:%{REQUEST_FILENAME}  表示请求的文件名称

    比如:%{HTTP_REFERER}:表示请求的来源。

    图片2

     

    2)条件表达式:可以是一些标志,或者字符串

     

    比如:

    -d   表示是一个目录

    -f    表示是一个文件

     

    RewriteCond %{REQUEST_FILENAME} !-d  //如果请求的路径不是一个目录

    RewriteCond %{REQUEST_FILENAME} !-f  //如果请求的路径不是一个文件

    3)[条件标志]

    [NC]表示不区分大小写

    [OR],在默认情况下多个条件(RewriteCond)之间是并且的关系。如果我们使用或关系则后台添加[OR]标志。

     

     

     

    RewriteRule  语法规则

    RewriteRule   规则的url(可以使用正则)  目标url  [规则标志]

    规则标志:

    [F] 表示:表示禁止重写

    [NC] 表示:不区分大小写

     

    如何选择真静态和伪静态?

    网站实时性要求高,不要使用静态化(真静态,伪静态均不适宜)。

    如果网站访问量较小,没有必要使用静态化技术

    如果数据项目不多,但是访问频率极大,建议使用真静态,比如新浪新闻频道。

    如果数据项目海量,使用真静态会生成海量的html静态页面,建议使用伪静态。

    在一个大型网站中,静态化技术是综合使用的,这个需要大家经验的积累,多做项目。(sina网站:新闻频道,真静态,基金频道:伪静态,管理后台:不使用静态技术)

    展开全文
  • Qt超强绘图QCustomplot 动态图静态图时间坐标轴

    千次阅读 多人点赞 2019-03-19 18:26:45
    这个功能很强 画曲线折线柱状图动态静态 放大缩小 都很好用 10w条数据量无压力 秒画出来 一点也不卡 这是下载地址 https://www.qcustomplot.com/index.php/download 里面分为 QCustomPlot 2 和 QCustom...

    前言:

    前段时间用 QChart 模块画图,一条曲线上面放8000条数据就会卡的不行,必须要换个其他的控件找到了QCustomplot
    这个功能很强 画曲线图折线图柱状图动态静态 放大缩小 都很好用 10w条数据量无压力 秒画出来 一点也不卡
    这是下载地址
    https://www.qcustomplot.com/index.php/download
    里面分为
    QCustomPlot 2 和 QCustomPlot 1 我用的2 这两个有一些函数的差异
    下载解压 以后 我们只需要 qcustomplot.h 和 qcustomplot.cpp
    !!!pro 文件里面 写入 QT+= printsupport!!!

    动态效果

    在这里插入图片描述

    画静态图

    //他继承QWidget 所以构造里面 放控件就会画到控件上
    QCustomPlot *pCustomPlot = new QCustomPlot(ui->label);
    //添加一条曲线
    QCPGraph* pgraph = pCustomPlot->addGraph();
    
    //给曲线准备数据 设置数据 
        QVector<double> x(80000);
        QVector<double> y(80000);
    
        for(int i = 0; i<x.size();i++)
        {
            x[i] = i;
            if(i%2==0)
                y[i] = 10;
            else
                y[i] = 20;
        }
    	
    	//设置数据
        pCustomPlot->graph(0)->setData(x,y);
    
    	//设置Y轴范围
        pCustomPlot->yAxis->setRange(0,30);
    	//x轴名字
        pCustomPlot->xAxis->setLabel("X");
        //Y轴名字
        pCustomPlot->yAxis->setLabel("Y");
    	//设置大小
        pCustomPlot->resize(ui->label->width(),ui->label->height());
    	//可以进行鼠标位置 放大缩小 拖拽  放大缩小坐标系!!!功能非常强大
        pCustomPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
    
    	//重绘 每次改变完以后都要调用这个进行重新绘制
        pCustomPlot->replot();
    
    

    在这里插入图片描述

    画时间为坐标轴的静态图

    大致差不多 区别在于x轴改为时间

        QCustomPlot* p2 = new QCustomPlot(ui->label_2);
    
        QVector<double> time;
        QVector<double> y;
    
    	//模拟几个时间 .toTime_t()是转换为 时间戳 从1970年到现在的秒数
        time<<QDateTime::fromString("2019-01-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
        time<<QDateTime::fromString("2019-01-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
        time<<QDateTime::fromString("2019-02-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
        time<<QDateTime::fromString("2019-02-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
        time<<QDateTime::fromString("2019-03-27 13:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
    
        y<<5<<15<<5<<15<<5;
    	
    	//增加一条线
        p2->addGraph();
        //设置Y轴范围
        p2->yAxis->setRange(0,20);
        
    	//QCPAxisTickerDateTime 时间坐标轴 必须要用 智能指针 
        QSharedPointer<QCPAxisTickerDateTime> timer(new QCPAxisTickerDateTime);
    
    	//设置时间格式
        timer->setDateTimeFormat("yyyy-MM-dd");
        //设置时间轴 一共几格
        //timer->setTickCount(6);
        //设置label 旋转30° 横着显示可能显示不全 
        p2->xAxis->setTickLabelRotation(30);
    
       // timer->setTickStepStrategy(QCPAxisTicker::tssMeetTickCount);
    	//设置坐标轴
        p2->xAxis->setTicker(timer);
    
        p2->xAxis->setRange(time.at(0),time.at(4));
    
        p2->graph(0)->setData(time,y);
    
        p2->resize(ui->label_2->width(),ui->label_2->height());
    
         p2->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
    

    在这里插入图片描述

    下图动态曲线是我用传感器采集的,你们没有传感器代码我就不提供了
    我提供了一个画动态图的demo 下方↓

    在这里插入图片描述

    画动态曲线

    假设图像只显示10个点 第11个点将会把第一个点挤出去 就是一个vector 出栈入栈 里面一直保持10个数据

    		//QVector<double> sx_vec,xAxis_vec 存放数据的容器
     	
    		//m_chartPoint_counter  计数器  一直增加 来一条数据增加一下 控制x轴前进 实现动态效果
    	
    		//这时容器里面还没10个点 所有一直向里面存
            if(m_chartPoint_counter < 10)
            {
            	
                sx_vec.append(sx_);
    
                xAxis_vec.append(m_chartPoint_counter);
    	
    			//设置范围正好 能显示当前点				
                sx_plot->xAxis->setRange(0,xAxis_vec.at(xAxis_vec.size()-1));
              
    
            }
            else
            {
            	//容器数据现在是正好10个  把第一个出栈  把第11个入栈  正好还是10个数据
                sx_vec.removeFirst();
                xAxis_vec.removeFirst();
    			
    			//入栈
                xAxis_vec.append(m_chartPoint_counter);
                sx_vec.append(sx_);
    
    
    
    
    			//设置范围正好 能显示当前点		
                sx_plot->xAxis->setRange(xAxis_vec.at(0),xAxis_vec.at(
                                             xAxis_vec.size()-1));
    
    
            }
    		//设置Y轴坐标系 自动缩放以正常显示所有的数据
            sx_plot->yAxis->rescale(true);
        	//设置数据
            sx_plot->graph()->setData(xAxis_vec,sx_vec);
    		//重绘制
            sx_plot->replot();
    
    	//这里必须要一直增加 如果增加到10就不增加 效果就是第10个点一直变化 不会出现动态效果
    	m_chartPoint_counter++;
    
    

    这里没有准备动态图片就 想象一下吧

    //图像数据清空
    QCPGraph* thresholdY_line;
    thresholdY_line->data().data()->clear();
    

    这里只是介绍一些基本的功能 ,一些强大的功能 在 下载的examples里有在这里插入图片描述

    如果此文对您有帮助,请点个关注点个赞,这是对我最大的支持,谢谢!

    展开全文
  • 一种是动态加载工具栏,这个也是需要静态工具的帮忙,这个的话原因还没有研究,但可以达到动态的效果。   还有特别需要介绍的是增加透明工具栏图片的方法。不知道一篇文章写这么多好不好。就算是分享学习了。  ...

    现在把我最新研究的对CMFCToolBar心得写在这边。

    现在介绍两种加载工具栏的方式:

    一种是静态加载工具栏,跟普通的加载工具栏一样,只是用了自定义图片。

    一种是动态加载工具栏,这个也是需要静态工具的帮忙,这个的话原因还没有研究,但可以达到动态的效果。

     

    还有特别需要介绍的是增加透明工具栏图片的方法。不知道一篇文章写这么多好不好。就算是分享学习了。

     

    1、增加透明工具栏按钮图片。

    1)获取一张需要插入工具栏的位图bmp;

    2)用Adobe Photoshop CS3进行打开(就是图像处理工具,一般都可以)。

    3)点击箭头,然后全选图片。

     

    4)全选图片,进行拷贝。

    5)双击右下角通道。

    6)点击新建通道

    7)黏贴刚刚复制的图片

     

    8)区域选择,用魔棒把图标的外围选中,并填充外围颜色为黑色。

    9)点击菜单中选择,点击反向,然后剪切。

    10)另存图片。透明图标就做好了。

    11)演示图标

    这样就不会出现白色底了,透明图标。这图片大小会比普通图片大,因为加了通道。

     

    2)CMFCToolBar 加载静态工具栏

    1)、设置工具栏按钮数和按钮大小,以上图片是32像素,即宽度和高度设置成32*32

    2)、声明成员变量

    CMFCToolBar m_toolBar;

    3)、加载代码

     

    	//加载真彩图片工具栏 方式1.
    	m_toolBar.CreateEx(this, TBSTYLE_FLAT,WS_CHILD|WS_VISIBLE|CBRS_TOP|CBRS_GRIPPER|CBRS_TOOLTIPS|CBRS_FLYBY|CBRS_SIZE_DYNAMIC);
    	m_toolBar.LoadToolBar(IDR_MY_TOOLBAR, 0, 0, TRUE, 0, 0, IDB_TOOL_FIRST_BMP);
    	m_toolBar.SetRouteCommandsViaFrame(FALSE);//设置消息以对话框方式传递
    	
    	//根据对话框大小调整工具栏 包含无菜单位置
    	CRect rect;
    	GetClientRect(rect);
    	if (m_toolBar.GetSafeHwnd() != NULL)
    	{
    		int cyTlb = m_toolBar.CalcFixedLayout(FALSE, TRUE).cy;
    
    		m_toolBar.SetWindowPos(NULL, rect.left, rect.top+2, rect.Width(), 
    			cyTlb, SWP_NOACTIVATE | SWP_NOZORDER);
    	}
    	//m_toolBar.AdjustSizeImmediate();//根据按钮大小调整工具栏

    4)、成果如上图所示。

     

    2、CMFCToolBar 动态工具栏

    这个设置可变按钮个数工具栏

    也要用到静态设置的工具栏长度大小。

    1)、设置工具栏按钮大小和工具栏按钮个数,按钮个数为最大工具栏按钮个数。每个按钮id为自定义,因为这个工具资源可重复利用

    动态设置按钮的ID跟这静态设置按钮的ID无关,后面会根据动态ID进行消息发放。可以设置一个按钮,用于管理工具栏资源。

    3)、声明成员变量

    CMFCToolBar m_toolBar;

    4)、加载代码

     

    m_toolBar.CreateEx(this, TBSTYLE_FLAT,WS_CHILD|WS_VISIBLE|CBRS_TOP|CBRS_GRIPPER|CBRS_TOOLTIPS|CBRS_FLYBY|CBRS_SIZE_DYNAMIC);
    
    	m_toolBar.AddToolBarForImageCollection(IDR_EXT_MY_TOOLBAR, IDB_EXIT_BMP);
    
    	m_toolBar.SetSizes(CSize(32,32), CSize(32,32));//设置按钮大小
    	m_mfcToolbarImage.SetImageSize(CSize(32, 32), TRUE);
    
    	CBitmap bmp;
    	bmp.LoadBitmap(IDB_EXIT_BMP);
    	m_mfcToolbarImage.AddImage(bmp);
    
    	bmp.DeleteObject();
    	bmp.LoadBitmap(IDB_EDIT_ADD_BMP);
    	m_mfcToolbarImage.AddImage(bmp);
    
    	int aa = m_toolBar.SetUserImages(&m_mfcToolbarImage);
    
    	//m_toolBar.image
    	m_toolBar.InsertButton(CMFCToolBarButton(ID_FILE_NEW , 0,  "这是提示?", TRUE, 0));// 在这里CMFCToolBarButton()第四个参数需要设置为true,这样在重绘的时候才会,调用自己设置的图像。  
    	m_toolBar.InsertButton(CMFCToolBarButton(ID_FILE_OPEN , 1,  "这是提示1?", TRUE, 0));
    
    	m_toolBar.AdjustSizeImmediate();//根据按钮大小调整工具栏

    5)效果图

     

     

    大概写完了,以后会更新的。

    展开全文
  • TensorFlow2.0的动态图静态图切换 tf.function介绍 动态图是tf2.0最引人注目的特征,大部分其他改动都是为了适应动态图。它允许将一部分python语法转换为可移植、高性能、语言无关的TensorFlow1.x语法,通过这种...
  • iOS启动页加载静态图和动态图

    万次阅读 2017-05-17 11:11:46
    相信大家都看过很多app启动时候会加载一些广告图片,例如微博、淘宝、头条等。下边我们就来实现类似的效果。
  • 需要TextView中展示图文,刚开始做的时候以为很简单,只需要用个ImageView跟TextView来展示就行了,可是发现这样做,不能实现我们需要的效果,这就需要涉及到富文本TextView来展示图文,下面介绍静态图片的图文和...
  • 本章节缕一缕PyTorch的动态图机制与Tensorflow的静态图机制(最新版的TF也支持动态图了似乎)。 1 动态图的初步推导 计算图是用来描述运算的有向无环图 计算图有两个主要元素:结点(Node)和边(Edge); 结点表示...
  • 的分类 : 分为结构行为动态行为, 结构行为包括类图,对象,用例,组件,配置; 动态行为 包括状态,活动,时序,协作; 静态图概念 : 类图, 对象, 包静态图; 静态图显示系统的静态
  • 本文的目的是测试各种类型库的编译后的使用效果,包括库又链接其他库的...②静态库libbb.a依赖动态库libaa.so的测试; ③动态库libbb.so依赖静态库libaa.a的测试; ④动态库libbb.so依赖动态库libaa.so的测试; ...
  • * 动态开发时仅是把dll中的函数名和参数到应用程序中,应用程序运行时根据函数名和参数调用dll中的函数来运行,这样操作系统中的应用程序可以同时使用同一个dll。可以有效地节省硬盘空间...
  • 静态链接库和动态链接库

    千次阅读 2017-09-05 10:50:18
    动态链接使用动态链接库,允许可执行模块(.dll文件或.exe文件)仅包含运行时定位DLL函数的可执行代码所需的信息。 静态链接使用静态链接库,链接器从静态链接库lib获取所有被引用函数,并将库同代码一起到可...
  • 静态功耗与动态功耗

    万次阅读 多人点赞 2020-04-05 15:01:57
    功耗的本质是能量耗散。由能量守恒定律可知,能量只能从一种形式转成另一种形式,能量的总量不变。芯片耗散的电能主要转化成热能。如果一颗芯片的功耗过大,容易导致工作时...静态功耗以及动态功耗是两个主要的功耗源。
  • 故作者本次分享一下基于bezierMaker.js实现的将静态图片按照自定义曲线轨迹扭曲图片并合称为动态效果。欢迎关注我的博客,不定期更新中——效果预览之前的描述可能不是很清楚我们直接看下效果:首先加载一张: ...
  • canvas里边.gif图片,但是用 document.getElementById("tulip").onload=function(){ var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getElementById("tulip");...
  • 动态库与静态库、动态链接与静态链接 的区别。
  • windows下生成动态库与静态库,在动态库下导出需要的函数,并且了自己实现的模板,方便大家的调用,github博客的末尾,如果大家有什么以后,请联系我的邮箱,或者评论
  • 所谓"动态",并不是指网页中几个带动画的GIF或者SWF图片和动画,而是指用户浏览此网页时,可以根据本身的需求网页中进行操作,而网页根据用户的输入,能够产生相应的结果来响应用户,那样的网页才叫动态网页...
  • LIB包含了函数所在的DLL文件和文件中函数位置的信息(入口),代码由运行时加载进程空间中的DLL提供,称为动态链接库dynamic link library。  静态链接库包括两个文件:  (1).h头文件,包含静态链接库中说明...
  • 静态链接库与动态链接库区别

    千次阅读 2016-02-25 18:19:56
    静态链接库与动态链接库都是共享代码的方式,如果采用静态链接库,则无论你愿不愿意,lib 中的指令都全部被直接包含最终生成的 EXE 文件中了。但是若使用 DLL,该 DLL 不必被包含最终 EXE 文件中,EXE ...
  • 该文章首发于微信公众号“字节流动” 静态库和动态静态静态库文件后缀一般为 .a ...动态库也称为共享库,动态库文件后缀一般为 .so (Linux) 或 .dll (Windows) ,相对于静态库,动态编译时, 并没有被编译...
  • 自己空闲的时间整理了平常生活中编译、链接、静态库和动态库使用过程中经常遇到的问题,希望对大家有所帮助,如果发现不对的地方,还希望不吝赐教,谢谢!
  • 静态数据与动态数据

    2021-02-22 17:05:14
    哪些是静态数据:静态数据一般是以文件的形式存储硬盘,比如文档、照片、视频等。 动态数据: 动态数据指程序运行过程中,动态产生的临时数据,一般存储内存中。储存空间小,一般普通计.
  •         静态项目和动态项目  ...(静态项目里边只能放静态的资源,比如说html,css,JavaScript,图片、文本,音频、视频,那么动态项目里边不仅仅可以...
  • 硬核拆解动态静态

    千次阅读 2018-11-11 21:13:25
    动态库与静态库是编程中十分常见的玩意儿,但是如此常见的东西我真正用心去了解梳理过一遍之后才发现原来这里面有这么多的门道。本文就介绍一波 Linux 平台下,特指 GCC 编译器生成的动态库与静态库的依赖于关联,...
  • 文件结构 |- public |- img |- logo.png ...|- src |- assets |- logo.png ...1: 直接写 template 模板中 <template> <!-- 相对路径引用 --> <img src="../assets/logo.p
  •  静态链接库与动态链接库都是共享代码的方式,如果采用静态链接库,则无论你愿不愿意,lib 中的指令都全部被直接包含最终生成的 EXE 文件中了。但是若使用 DLL,该 DLL 不必被包含最终 EXE 文件中,EXE 文件...
  • 静态链接与动态链接

    2013-07-29 20:59:10
    静态链接是由连接器链接时将库的内容加入到可执行程序中的做法,全部内容都到同一个可执行文件中。  静态链接使得不同的程序开发者和部门能够相对独立地开发和测试自己的程序模块,从某种意义上来讲大大促进了...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 290,146
精华内容 116,058
关键字:

怎么在静态图上放动态图