精华内容
下载资源
问答
  • HTML+CSS技术实现网页滑动门效果

    千次阅读 2018-01-05 17:48:04
    大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。 小米官网,网页滑动门效果 二、实现滑动门所需技术 简单...
        

    图片描述

    一、什么是滑动门

    大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。

    图片描述
    小米官网,网页滑动门效果

    二、实现滑动门所需技术

    1. 简单HTML基础知识
    2. 简单的CSS基础样式
    3. CSS定位

    三、如何实现滑动门
    1.准备好一段HTML代码

    <div class="bg">
         <ul>
             <li>
                 <a href="#">手机 电话卡</a>
                 <div class="div1">
                     <p>这是我的第一个滑动门</p>
                     <img src="img/海贼.jpg" alt="" width="100%" height="100%">
                 </div>
             </li>
             <li>
                 <a href="#">手机 电话卡</a>
                 <div class="div2"></div>
             </li>
             <li>
                 <a href="#">手机 电话卡</a>
                 <div class="div3"></div>
             </li>
             <li>
                 <a href="#">手机 电话卡</a>
                 <div class="div3"></div>
             </li>
         </ul>
     </div>

    2.给当前HTML结构添加一些样式

    <style>
         body,ul,li,div{
             margin:0;
             padding:0;
         }
         ul{
             list-style: none;
             padding:20px 0px;
             width: 234px;
             background: rgba(0,0,0,.6);
    /*定位 作为父级使用*/
             position: relative;
         }
         ul li{
             height: 42px;
             line-height: 42px;
             padding-left: 20px;
    
         }
         ul li:hover{
             background: #ff6700;
         }
         ul li a{
             color: #fff;
             text-decoration: none;
             font-size: 14px;
         }
     </style> 
     

    3.使用定位实现滑动门效果

    /*滑动门*/
         ul .div1,.div2,.div3{
             width: 800px;
             height: 460px;
             background: skyblue;
    
    /*使用定位实现滑动门-------重要步骤*/
      
     /*上海尚学堂java
    加薇X 了解更多 java8733
    */
             position: absolute;
             top:0;
             left:234px;
             display: none;
         }
    /*当鼠标悬停在内容上是显示对应的代码块*/
         ul li:hover .div1{
             display: block;
             width:800px;
             opacity: 1;
         }
         ul li:hover .div2{
             display: block;
             background: pink;
             width:600px;
             height: 460px;
         } 
     

    根据上面步骤,就可以实现简单的滑动门效果,快去试试吧。

    四、滑动门实例
    下面这个实例作为课下作业,详情请参考上海尚学堂官网http://www.shsxt.com/

    图片描述

    展开全文
  • 在图上你不会看到任何变化,因为此时的圆角矩形和背景都是白色的,但是在图层面板中的图层1中,你会观察到,其实圆角矩形已经画好了。 、将图层1复制一遍(Ctrl+J) 四、选择图层1,在编辑菜单中选择描边命令...
  • 性能监控一般都会通过图中的代码来监控与捕获长任务,可以看到这个entryType是longtask的。 <p><img alt="图片" src="https://img-blog.csdnimg.cn/img_convert/048be5f3502b155cbdc2887967d6d603.png" /></p>...
  • ajax是一种常用的网页局部刷新技术,当请求数据时间较长或防止用户多次点击等情况下,会在请求数据过程添加loading效果,提高用户体验。 当需要执行多个ajax并需要考虑执行顺序时,可以使用ajax嵌套、同步、回...
      ajax是一种常用的网页局部刷新技术,当请求数据时间较长或防止用户多次点击等情况下,会在请求数据的过程中添加loading效果,提高用户体验。
      当需要执行多个ajax并需要考虑执行顺序时,可以使用ajax嵌套、同步、回调三个方法。
      1、ajax嵌套:
    $.ajax({
    url : "url",
    data : data,
    type : "POST",
    dataType:"json",
    success : function(result,status,xhr) {
        $.ajax({
        url : "url",
        data : data,
        type : "POST",
        dataType:"json",
        success : function(result,status,xhr) {

        },
        });
        },
    });
      2、同步
      ajax请求设置为同步请求,这时执行ajax执行结束前不会执行之后的代码,保证ajax的执行顺序,但同时ajax之前的调用showLoading在整个方法执行完以后才会生效,这就导致loading效果毫无意义。我们可以使用setTimeout来解决这个问题。
      如showLoadingTimeout方法把需要先生效之外的代码放入setTimeout方法内,延迟0秒后执行。以此来解决这个问题。
    $.ajax({
      url : "url",
      data : data,
      type : "POST",
      dataType:"json",
      async:false,
      success : function(result,status,xhr) {

      },
    });
    function showLoadingTimeout(fun){
    showLoading();//loading效果展示方法
    if(typeof fun == "function"){
    setTimeout(function(){
    fun();
    },0)
    }
    }
    3.回调
      嵌套升级版
    function fun1(fun){
      $.ajax({
        url : "url",
        data : data,
        type : "POST",
        success : function(result,status,xhr) {
        if(typeof fun == "function"){
               fun();
             }
        },
        });
    }
    function fun2(fun){
      $.ajax({
        url : "url",
        data : data,
        type : "POST",
        success : function(result,status,xhr) {
        if(typeof fun == "function"){
               fun();
             }
        },
        });
    }
    function fun(){
      ....
      fun2(function(){
        fun1(function(){
          ......
        });
      });
      .....
    }

    转载于:https://www.cnblogs.com/abc2019/p/10256180.html

    展开全文
  • JavaScript网页特效自己做开发属於自己的网页特效 ★JavaScript撰写基础 ★基本概念和常用函数 ★物件概念和可用函数 ★事件概念 ★常见问题集 内容截图: 目录: 第一部分 认识JavaScript 第1章 ...
  • 直接在html属性中写JS代码 代码如下: <div xss=removed>Div1 Element</div> 大概这是上世纪90年代写法,那时候直接把js代码写在网页中很普遍,也许那时候js并不太重要,只是用来做做验证或一些花哨的效果而已...
  • 3.Dreamweaver MX 2004中的插件主要有种:Command(命令)、Object(对象)、Behavior(行为)种。 、问答题 1.简述模板的主要作用。 可以设计出风格一致的页面,省去重复劳动部分;一次更新多个页面,可以...
  • 在HTML中我们知道可以使用meta标识来定义网页关键字,简介等,这些标识不会显示在网页中,但可以被搜索引擎搜索到,并影响搜索结果排列顺序。 XML对这一原理进行了深化和扩展,用XML,你可以描述你信息在...
  • 2.2 动态添加,修改,删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽...
  • 此格式期望真正基于浏览器,独立于操作系统之外,并且支持主流3D显卡,这样就可以在网页中实现效果逼真3D动画。在线演示:http://o3... 更多O3D信息最新新闻: 谷歌联手Mozilla基金开发3D互联网图像技术发布于...

    Google三维API O3DO3D 是一个开源的 Web API 用来在浏览器上创建界面丰富的交互式的 3D 应用程序。这是一种基于网页的可控3D标准。此格式期望真正的基于浏览器,独立于操作系统之外,并且支持主流的3D显卡,这样就可以在网页中实现效果逼真的3D动画。在线演示:http://o3... 更多O3D信息最新新闻: 谷歌联手Mozilla基金开发3D互联网图像技术发布于 2个月前绘图引擎 RRDtool简单的说,RRDtool (Round Robin Database Tool)就是一个强大的绘图的引擎,很多工具例如MRTG都可以调用rrdtool绘图。 更多RRDtool信息最新新闻: RRDtool 1.4.3 发布发布于 2个月前计算机视觉库 OpenCVOpenCV是Intel开源计算机视觉库。它由一系列 C 函数和少量 C++ 类构成,实现了图像处理和计算机视觉方面的很多通用算法。 OpenCV 拥有包括 300 多个C函数的跨平台的中、高层 API。它不依赖于其它的外部库——尽管也可以使用某些外部库。 Op... 更多OpenCV信息最新新闻: OpenCV从SourceForge迁移到ros.org 发布于 6个月前图像处理类库 CImgThe CImg Library是一个强大的图像处理类库。在代码中使用此类可以导入/导出,处理,和显示图片,它是一个强大的处理图像的C++工具箱。 更多CImg信息2D图形库AGGAGG,全名:Anti- GrainGeometry,是一个开源的、高效的2D图形库。AGG的功能与GDI+的功能非常类似,但提供了比GDI+更灵活的编程接口,其产生的图形的质量也非常高,而且它是跨平台的,其宣传可以在非常多的操作系统上运行。 主要的功能有: 1、支持ALPHA、G... 更多AGG信息Google图形处理引擎 skiaskia是个 2D向量图形处理函数库,包含字型、座标转换,以及点阵图都有高效能且简洁的表现。不仅用于Google Chrome浏览器,新兴的Android开放手机平台也采用skia作为绘图处理,搭配OpenGL/ES与特定的硬体特征,强化显示的效果自2005 年Skia被Google收购后,一... 更多skia信息三维图形渲染引擎 OGREOGRE是一个三维 (3D)图形渲染引擎。它是面向对象的,并且高效,抽象化了不同的API和平台,这样可以以场景为对象来使用物体,支持多种场景.它已经成功地被应用于诸多三维仿真领域,包括网络游戏和三维仿真项目。 功能和特点◆ 简单易用的面向对象接口◆ 最小化... 更多OGRE信息开源图形库 FreeImage一个自由、开源的图形库--FreeImage (支持位图构件―例 如调色板和数据位―的便易访问;将位图从一种位深度转换到另一种位深度;当有多幅位图页―例如TIFF―时访问位图的不同页;基本的位图处理,如旋转、翻 转(flipping)和重采样,或点操作,如亮度和对... 更多FreeImage信息3D引擎 Irrlicht EngineIrrlicht Engine 是一个用C++开发的高性能实时的3D引擎,同时提供了.NET版本,这是一个跨平台的使用了D3D、OpenGL的3D渲染引擎。 更多Irrlicht Engine信息最新新闻: Irrlicht Engine 1.7 发布,C++的3D引擎发布于 4个月前移动设备上的OpenGL OpenGL ESOpenGL ES (OpenGL for Embedded Systems) 是 OpenGL 三维图形API 的子集,针对手机、PDA和游戏主机等嵌入式设备而设计。该API由Khronos集团定义推广,Khronos是一个图形软硬件行业协会,该协会主要关注图形和多媒体方面的开放标准。 OpenGL ES 是从 Op... 更多OpenGL ES信息高质量图形图表库 MathGLMathGL is ... 是一个在Windows和Linux下生成高质量图形的类库;用来根据大量的数组生成各种图表可轻松嵌入到其他程序中可生成各种各样的图表 更多MathGL信息最新新闻: 高质量图形图表库 MathGL 1.10 发布发布于 5个月前开源图形库 CxImageCxImage是一个可以用于MFC 的C++图像处理类库类,它可以打开,保存,显示,转换各种常见格式的图像文件,比如BMP, JPEG, GIF, PNG, TIFF, MNG, ICO, PCX, TGA, WMF, WBMP, JBG, J2K 等格式的文件。可以实现BMPJPG,PNG <>TIFF格式等等的互相... 更多CxImage信息图像识别类库 Tesseract OCR原本由惠普开发的图像识别类库tesseract-ocr已经更新到2.04, 就是最近Google支持的那个OCR。原先是惠普写的,现在Open source了。 1.03版本以前是在sourceforge上发布,现在的更新版本到google-code上了,据说曾经的图像识别能力排名第三。现在大家都很关... 更多Tesseract OCR信息开源图形API OpenGLOpenGL 是行业领域中最为广泛接纳的 2D/3D 图形 API, 其自诞生至今已催生了各种计算机平台及设备上的数千优秀应用程序。OpenGL 是独立于视窗操作系统或其它操作系统的,亦是网络透明的。在包含CAD、内容创作、能源、娱乐、游戏开发、制造业、... 更多OpenGL信息最新新闻: OpenGL 4.0 发布发布于 3个月前图形处理器开发环境 CUDACUDA 工具包是一种针对支持CUDA功能的GPU(图形处理器)的C语言开发环境。CUDA开发环境包括:· nvcc C语言编译器· 适用于GPU(图形处理器)的CUDA FFT和BLAS库· 分析器· 适用于GPU(图形处理器)的gdb调试器(在... 更多CUDA信息C++视觉库 VXLVXL (the Vision-something-Libraries)是计算机视觉研究和实现库集。它从TargetJr和IUE演变而来,目的是成为一个轻量级、速度快和持久的系统。它可移植到很多平台。包含的库◆ 数字化容器和法则:vnl◆ 图像管理:vil◆ 几何图形:vgl◆ I/O控制:vsl◆ ... 更多VXL信息三维图形渲染库 OGRE 3DOGRE 3D 是一个被广泛使用的开源三维图形渲染库,成功地被应用于诸多三维仿真领域,其中包括网络游戏和一些商业的三维仿真项目 更多OGRE 3D信息最新新闻: 游戏引擎OGRE 3D 1.7.0 RC 宽松的MIT授权发布于 5个月前 C++ PNG类库 PNGwriterPNGwriter 是一个用来创建PNG格式图像的C++类库。示例: #include int main(){ int i; int y; pngwriter png(300,300,0,"test.png"); for(i = 1; i < 300;i++) { y = 150+100*sin((double)i*9/300.0); ... 更多PNGwriter信息 OpenGL应用框架 GLFWGLFW是一个OpenGL的应用框架,支持Linux和Windows. 更多的效果截图:http://glfw.sourceforge.net/screenshots.html 更多GLFW信息人脸识别 faceservice.cgifaceservice.cgi 是一个用来进行人脸识别的 CGI 程序, 你可以通过上传图像,然后该程序即告诉你人脸的大概坐标位置。faceservice是采用 OpenCV 库进行开发的。 更多faceservice.cgi信息libpnglibpng 软件包包含 libpng 库.这些库被其他程式用于读写png文件. 安装 libpng 用以下命令安装 libpng: make prefix=/usr \ ZLIBINC=/usr/include ZLIBLIB=/usr/lib -f scripts/makefile.linux && make prefix=/usr install -f scripts/makefile.... 更多libpng信息JPEG 图像压缩库 LibJPEGLibJPEG 是一个广泛使用的 JPEG 图像压缩库,采用 C 语言开发。 更多LibJPEG信息OpenGL实现包 MesaMesa是一个类OpenGL(http://www.opengl.org)的开源实现. 更多Mesa信息最新新闻: Mesa 7.5 正式发布,引入Gallium3D构架发布于 10个月前C++图形库 GOBLIN Graph LibraryGOBLIN图形库包括一个C + +类库的一个大型系列图优化的方法、GOSH以及TCL /Tk脚本语言的扩展。GOBLIN包括一个图形编辑器,并支持标准图形布局方法。 更多GOBLIN Graph Library信息图像处理库 GDGD 是一个开源的图像处理库,支持 PNG/JPEG/GIF以及其他格式的图像。GD一般被用来创建图表、图形、缩略图以及其他图像相关的处理操作。 更多GD信息3D图形开发库 OpenSceneGraphOpenSceneGraph是一款高性能的3D图形开发库。广泛应用在可视化仿真、游戏、虚拟现实、高端技术研发以及建模等领域。使用标准的C++和 OpenGL编写而成,可以运行在Windows系列、OSX、GNU/Linux、IRIX、Solaris、HP-Ux、AIX以及FreeBSD操 作系统。 ... 更多OpenSceneGraph信息OpenGL图形接口 glewGLEW是一个跨平台的C++扩展库,基于OpenGL图形接口。使用OpenGL的朋友都知道,window目前只支持OpenGL1.1的涵数,但 OpenGL现在都发展到2.0以上了,要使用这些OpenGL的高级特性,就必须下载最新的扩展,另外,不同的显卡公司,也会发布一些只有自家显卡才支... 更多glew信息数码相片在线编辑数码相片在线编辑用ASP+ImageMagik制作的在线照片编辑- 放大,缩小,裁切工具:方便制作论坛头像,在没有图片处理工具的电脑上使用,简单,方便,支持gif动画裁剪! 目前前端采用JS进行图形处理,后台用ImageMagik进行图片压缩等处理。... 更多数码相片在线编辑信息C语言的JPEG操作库 OpenJPEGOpenJPEG是一个C语言编写的开放源码的JPEG 2000编×××。它已经制定了以推广使用的JPEG 2000 ,最新的压缩标准由因Joint Photographic Experts Group ( JPEG格式) 。除了基本的编×××,其他各种功能正在开发,其中包括JP2和MJ2 (运动JPEG 2000 )的文... 更多OpenJPEG信息2D/3D 图形开发库 Visualization LibraryVisualization Library 是一个 C++ 的中间件用来开发基于 OpenGL 2.1 的 2D/3D 应用程序,支持高级特性包括 OpenGL Shading 语言、帧缓冲对象、多目标渲染、Vertex 以及点阵缓冲对象、KdTree/AABB frustum culling 等等。提供一个基于 Unicode 的多语言文本... 更多Visualization Library信息免费开源图形API Mesa3DMesa3D是一个几乎和Opengl相同的免费开源图形API,它在功能上一点也不输给Opengl。作为免费开源软件,免去了诸多侵权问题的烦恼。不过最好还是不要用它来开发商业软件,这样有违开源精神。 更多Mesa3D信息BMP图像处理库 bmplibbmplib 是一个用来创建 24位 BMP 位图的 C 语言库,不依赖于其他程序库。 更多bmplib信息向量图形库 PicassoPicasso 是一个高质量的向量图形渲染库,支持 path , matrix , gradient , pattern , p_w_picpath 和 truetype font 等功能. alpha blending svg rendering gis maps instrument ... 更多Picasso信息摄像头图像捕捉 QuickCaptureQuickCapture是一个简单和易于扩展的应用程序以最小的依赖性,旨在收集和处理图像取自网络摄像头。它提供了一个强大的功能集,并包含一个插件系统部分灵感来自Pidgin。 更多QuickCapture信息2D 图形引擎 Quad-RenQuad-Ren 是一个独立的决议2D图形引擎,旨在缓解点阵图的发展为基础的应用程序,主要是游戏。应用四任将功能相同的,不论屏幕分辨率或长宽比,窗口或全屏。 更多Quad-Ren信息Symbian图像处理扩展库 NokiaCVNokiaCV 是在 Nokia的Symbian操作系统,扩展图像处理能力和规范内部的操作系统图像操作。NokiaCV 提供的标准图像操作方法,以及一套线性代数行动需要 在许多先进的图像应用程序。这是一个未来的基石先进图像库。一些扩展很可能会造成我们的研究小组和提供... 更多NokiaCV信息3D渲染引擎 Genesis3DGenesis3D 是实时3D渲染环境,所有的实时3D的需要。有大量的在线社区,免费网上论坛,许多链接Genesis3D开发商...你会发现所有的支持和工具,您需要 着手开发世界一流的,实时三维应用程序。如果您是新的发展与Genesis3D ,当前版本的软件开发工具包是1.1... 更多Genesis3D信息大图像处理工具 VIPSVIPS 是一个图像处理软件,特别适合非常大的图像处理。它由一个强大的,可重复利用的程序库和一个图形用户界面组成。 更多VIPS信息3D引擎 ApocalyxApocalyx是一个基于OpenGL的3D引擎. 更多Apocalyx信息OCR识别 OCRopusOcropus的(TM)是一个先进的文件分析和OCR系统,采用可插入的布局分析,可插入的字符识别,自然语言统计建模和多语言支持功能。 更多OCRopus信息C 图像操作库 JheadJhead 是一个用C语言开发的用来操作图像文件的EXIF信息的库。读取 EXIF 信息时输出如下: Sample jhead output: File name : 0805-153933.jpgFile size : 463023 bytesFile date : 2001:08:12 21:02:04Camera make : CanonCamera model : Can... 更多Jhead信息最新新闻: Jhead 2.90 发布,C语言的图形EXIF解析库发布于 4个月前图形处理包 DevILDevIL (即以前的OpenIL)是一个跨平台的图形处理包,支持BMP,JPG,GIF等多种图形文件格式. 更多DevIL信息OpenGL应用工具包 GLUTGLUT代表 OpenGL应用工具包,英文全称为OpenGL Utility Toolkit,是一个和窗口系统无关的软件包,它由Mark Kilgard在SGI时写的。作为AUX库的功能更强大的替代品,用于隐藏不同窗口系统API的复杂性。是一个学习OpenGL编程的一个良好开端。感谢GLUT,使我们可... 更多GLUT信息OpenVRMLOpenVRML is a VRML and X3D browser plug-in and C++ toolkit for incorporating VRML support into applications. OpenVRML provides VRML97 and Classic VRML X3D parsers, a runtime, and an OpenGL renderer as C++ libraries. The renderer is fully... 更多OpenVRML信息Jet3DJet3D 是一个C++的高性能实时的三维图形渲染引擎。 更多Jet3D信息场景图绘制类库 PapyrusPapyrus 是一个 C++ 的二维场景图绘制类库。Papyrus 跟 Gnome:Canvas 库的功能类似。下面是一些绘制的场景图例子: 200x200 (3kb) 200x200 (5... 更多Papyrus信息C++图像处理库 ExactImageExactImage 是一个快速的 C++ 图像处理库,与 ImageMagick 不同的是,ExactImage 允许对多个色彩空间和色深进行操作;更低的内存占用和CPU占用;某些优化算法速度是 ImageMagick 的 20 倍,显示大图片的速度是 ImageMagick 的 10 倍。... 更多ExactImage信息最新新闻: ExactImage 0.8.0 发布发布于 2个月前OpenGL的C++封装 D'Enfent EngineD'Enfent Engine 是一个C++的类库,用来提供对 OpenGL 函数的高级封装,非常适合用于游戏开发,提供一个完整的API手册和一个入门指南。 更多D'Enfent Engine信息NVIDIA Scene GraphNVIDIA Scene Graph (NVSG) 软件开发套件是一个面向对象的编程库,主要用于创建场景图形的应用程序。大一种事后补充。而NVSG 是围绕着色器完全重新进行设计。NVSG 利用 CgFX – 一个元文件格式,这个格式可以让着色器在应用程序之间轻松共享。Viewe... 更多NVIDIA Scene Graph信息最新新闻: NVIDIA公司预发布其195.xx Linux驱动程序发布于 2个月前C语言的EXIF库 libexiflibexif 是一个用来读取数码相机照片中包含的 EXIF 信息的 C 语言库,支持多种平台。 更多libexif信息Exiv2Exiv2 是一个用来提取图片中的EXIF、LPTC 和 XMP 元数据信息的C++类库。同时还提供了命令行工具。示例代码: Exiv2::Image::AutoPtr p_w_picpath = Exiv2::ImageFactory::open(argv[1]); assert(p_w_picpath.get() != 0); p_w_picpath->readMetadata(); Exi... 更多Exiv2信息三维应用开发环境 CroquetCroquet 是一个功能强大的开放源码软件开发环境,用于创建和大型分布式部署多用户虚拟三维应用程序和metaverses是( 1 )持久性( 2 )深入的合作,( 3 )相互联系和( 4 )互操作。Croquet 的架构支持同步通信,协作,资源共享和计算之间的大量用户在多... 更多Croquet信息Symbian绘图库 Cairo for Symbian OSCairo for Symbian OS 是绘图库 Cairo 在 Symbian 操作系统上的移植版本。 示例代码: // CMyAppView derives from CCoeControl//void CMyAppView::ConstrucL(const TRect& aRect) { CreateWindowL(); SetRect(aRect); ActivateL(); iSurface = cair... 更多Cairo for Symbian OS信息数据可视化库 TulipTulip 是一种专为巨大的图形可视化的软件系统。它可在个人电脑( PIII 600 256MB内存)管理多达50万的图形 。Tulip 架构提供下列功能:三维可视化,三维的修改,插件支持,支持集群和导航,自动图形绘制,自动聚类图,自动选择的内容,并自动着色元素等。 ... 更多Tulip信息计算机图形渲染库 VoreenVoreen是计算机图形可视化交互式卷库。它提供了数容积数据可视化技术和利用了可编程图形硬件(着色用)加速渲染。附带的应用程序允许创建和测试新的渲染技术。 Voreen实现与C + +和使用OpenGL / GLSL的渲染。 更多Voreen信息最新新闻: 图形渲染库 Voreen 2.0 发布发布于 5个月前C++向量图生成库 CreEPSCreEPS 是一个C++类,提供一个容易从内部生成的代码向量图的界面。该图存储为压缩的PostScript(EPS)的文件。它具有所有的基本图形元素,用户可配置的填充类型和printf风格的文本输出。包含大量例子文件。 更多CreEPS信息医学影像转换工具 XMedConXMedCon 是一个医学专用影像档转换工具与程式库。以C语言撰写。 更多XMedCon信息Apache图像处理模块 mod_gfxmod_gfx 是一个对图像进行即时处理的 Apache 模块,安装方法: Ensure APXS, libgd, and gcc are installed Compile module (run make) Copy module/mod_gfx.so to your apache modules directory Configure Apache to use module Restart Apache ... 更多mod_gfx信息LibRawLibRaw 是一个用来处理 RAW (CRW/CR2, NEF, RAF, DNG, and others) 格式图片的 C++ 库,支持各种操作系统。 更多LibRaw信息最新新闻: LibRaw 0.9.0 发布发布于 1个月前libQGLViewerlibQGLViewer 是一个用以简化了Qt开发OpenGL三维浏览器的C++库。它提供了一些典型的3D查看器的功能,如能够移动相机使用鼠标,这是缺乏大多数其他的API 。其它特点包括鼠标操纵框架,插值关键帧,对象选择,立体显示,截图保存,等等。它可以使用OpenGL的初... 更多libQGLViewer信息OpenGL工具包 FreeglutFreeglut是一个GLUT (OpenGL Utility Toolkit) 的开源实现,使用非常广泛。OpenGL Redbook使用Freeglut代替GLUT编写代码。 更多Freeglut信息Cafu 3D引擎这个引擎支持一系列3D渲染,材质制作,多玩家在线,跨平台和可被多编译器编译。但它采用了双协议,商业版是闭源的,源代码在GPLv3许可证下发布。 更多Cafu 3D引擎信息WaYee3D ToolkitWaYee3D ToolKit 一个基C++和Ogre的插件式3D应用程序框架,开源。框架主要就是用来做编辑器这一类的应用程序。C++ 插件式软件架构。 MFC Ribbon界面command 模式Undo/Redo支持。Unicode支持。 ... 更多WaYee3D Toolkit信息渲染器的高级着色语言 Open Shading LanguageOpen Shading Language (OSL) is a small but rich language for programmable shading in advanced renderers and other applications. OSL is similar to C, as well as other shading languages, however, it is specifically designed for advanced re... 更多Open Shading Language信息begtostudy-p_w_picpathlibbegtostudy-p_w_picpathlib 是一个开源的VC图像库 更多begtostudy-p_w_picpathlib信息Magick++Magick++ 是 ImageMagick 图像处理库的面向对象 C++ API 调用包。 更多Magick++信息EqualizerEqualizer is a programming interface and resource management system for scalable OpenGL applications. 更多Equalizer信息Python图像处理 MahotasMahotas 是一个 Python 的图像处理库,包含大量的图像处理算法,使用 C++ 实现的算法,处理性能相当好。 更多Mahotas信息 光栅化软件渲染器 SoftArtSoftArt是一款光栅化的软件渲染器,设计目标是达到Direct3D 10/11的核心功能的实现。我们的设计目的主要包括以下几点: 一个高度可移植的光栅化图形管线的软件实现图形硬件工作原理的展现和教学为下一代Many Core或Larrabee类的多x86处理器架构的计算设... 更多SoftArt信息图形布局引擎 GLEGLE (Graphics Layout Engine) 是一个图形脚本语言,主要为创建图表、数据和幻灯片而用,支持多种图表类型 (function plots, histograms, bar graphs, scatter plots, contour lines, color maps, surface plots, ...) ,使用简单,仅需通过一些图形化命令... 更多GLE信息OpenCSGOpenCSG is a library that does p_w_picpath-based CSG(Constructive Solid Geometry) rendering using OpenGL. OpenCSG is written in C++ and supports most modern graphics hardware using Microsoft Windows or the Linux operating system.... 更多OpenCSG信息图像处理和分析 LeptonicaLeptonica 广泛用于图像处理和图像分析应用。 更多Leptonica信息QTeXEngineQTeXEngine 是一个 QtiPlot 的扩展插件,用来将二维的图形转成 TeX 格式文档,所有通过 QtiPlot 的 QPainter 绘制的图形都可以通过它来导出,下面是一个例子: void MyClass::exportTeX(const QString& fileName){QTeXPaintDevice tex(fileName, QSi... 更多QTeXEngine信息lib3dslib3d 是一个用于读取3ds格式三维模型的标准类库 更多lib3ds信息

    展开全文
  • 2.2 动态添加,修改,删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用 于短信发送) 3、打印类 3.1 打印控件 4、事件类 ...
  • 在LAMP、LNMP等环境下,任意挑选下列2种或以上动态网页语言,写出一个页面,读取MYSQL实验中的数据表数据。 (PHP,JSP,Perl,Python,Ruby,Go,ASP.NET) 注意:不同的动态网页语言,所要求的具体环境有...
  • 你将从基本的技术比如渲染、动画、为三角形贴上纹理开始,一路学习到高级的WebGL技术,比如雾化、阴影、切换着色器、显示由Blender等建模工具创建的三维模型。这本书并不仅仅向你传授实践方法,同时也会向你提供一...
  • 和3.71版一样带接入服务器IP选框,无需手动修改DAT文件(之前的3.73其他b版需要要手动修改dat文件中的ip) 安装程序自带WinPcap 4.0.2 3.73有好几个b版,大多没有接入服务器IP选项,目前这个是最新的b3399,之前的...
  • 视觉视口仅能显示网页中的某一部分。在移动端,CSS 的布局,HTML 元素宽度的百分比则均是相对于布局视口(layout viewport)进行计算的。通常而言,布局视口的宽度要大于或等于可视视口的宽度。 <p>...
  • 当按下键盘某个键时网页中的人物实现相应的动作,达到利用键盘控制走动效果 实现步骤 一、预订键值作用: w:向上 s:向下 a:向左 d:向右 空格:停止 二、预订键值后,要能捕获按键事件以及判断用户按的是哪个键?...
  • 实现效果当按下键盘某个键时网页中的人物实现相应的动作,达到利用键盘控制走动效果实现步骤一、预订键值作用:w:向上s:向下a:向左d:向右空格:停止二、预订键值后,要能捕获按键事件以及判断用户按的是哪个键?...

    其实这个示例用到了js的两个核心时间,键盘事件onkeydown,周期执行事件setInterval。

    实现效果

    当按下键盘某个键时网页中的人物实现相应的动作,达到利用键盘控制走动效果

    实现步骤

    一、预订键值作用:

    w:向上

    s:向下

    a:向左

    d:向右

    空格:停止

    二、预订键值后,要能捕获按键事件以及判断用户按的是哪个键?

    捕获键盘事件可以用onkeydown

    获取键值码可以用event.keyCode

    三、用setInterval周期执行事件替换图片

    替换图片是为了实现任务走动效果

    但要注意使用clearInterval清除周期执行,否则会越走越快

    示例代码:

    人物走动
    • w:向上
    • s:向下
    • a:向左
    • d:向右
    • 空格:停止
    • 脚本之家
    201482791327688.gif?201472791345

    var img1='//img.jbzj.com/file_images/article/201408/201482791656841.gif?201472791722';

    var img2='//img.jbzj.com/file_images/article/201408/201482791327688.gif?201472791345';

    var x=0;

    var y=0;

    var xs=0;

    var ys=0;

    var flag=true;

    var zq=null;

    function ks(){

    zq=setInterval(function(){

    var s=document.getElementById('img');

    var str=s.src;

    var area=document.getElementById('di');

    var xpos=parseInt(area.style.left);

    var ypos=parseInt(area.style.top);

    x=x+xs;

    y=y+ys;

    area.style.left=x;

    area.style.top=y;

    var pos=str.lastIndexOf('/')+1;

    var hz=str.substr(pos);

    if(hz==img1){

    s.src= img2;

    }else{

    s.src= img1;

    }

    },50);

    }

    ks();

    function show(){

    var sz=window.event.keyCode;

    switch(sz){

    case 87:

    img1='//img.jbzj.com/file_images/article/201408/ren_h_1.gif';

    img2='//img.jbzj.com/file_images/article/201408/ren_h_2.gif';

    ys=-5;

    xs=0;

    break;

    case 65:

    img1='//img.jbzj.com/file_images/article/201408/ren_l_1.gif';

    img2='//img.jbzj.com/file_images/article/201408/ren_l_2.gif';

    xs=-5;

    ys=0;

    break;

    case 68:

    img1='//img.jbzj.com/file_images/article/201408/ren_r_1.gif';

    img2='//img.jbzj.com/file_images/article/201408/ren_r_2.gif';

    xs=5;

    ys=0;

    break;

    case 83:

    img1='//img.jbzj.com/file_images/article/201408/ren_q_1.gif';

    img2='//img.jbzj.com/file_images/article/201408/ren_q_2.gif';

    ys=5;

    xs=0;

    break;

    case 32:

    if(flag){

    clearInterval(zq);

    flag=false;

    break;

    }

    case 13:

    if(!flag){

    ks();

    flag=true;

    break;

    }

    }

    }

    展开全文
  • 由于J2EE的开源的框架中提供了MVC模式实现框架Struts、对象关系模型中的Hibernate 的框架及拥有事务管理和依赖注入的Spring。利用现存框架可以更快开发系统。所以选择Java技术作为blog 的开发工具。 为了增加系统的...
  •  接下来我们需要确定菜单运行圆形轨迹,根据半径值和图片宽度计算出反正弦值,再根据该值余弦我们便可以得到菜单图片在圆上对应位置,在确定在圆上位置过程,我们为菜单图片加入一些CSS滤镜效果,让...
  • HTML测试题含答案.doc

    2020-08-11 13:34:06
    在中可以使用 d 标记向网页中插入动画文件 A. > B. > C. > D. > 3. 在上将表单中元素的属性值设置为 a 时用于创建 重置按钮 A. B. C. D. 4. 分析下面的代码段该页面在浏览器中的显示效果为 a > > 1 /
  • C&C++图形图像处理开源库

    万次阅读 2013-10-30 16:55:23
    此格式期望真正基于浏览器,独立于操作系统之外,并且支持主流3D显卡,这样就可以在网页中实现效果逼真3D动画。 绘图引擎RRDtoo 简单说,RRDtool (RoundRobin Database Tool)就是一个强大绘图引擎,
  •  3、对于像被"熊猫烧香"感染的EXE文件,上述两种手工处理无效,因为无法手工清除受病毒感染的文件中的病毒,这时只能向杀毒软件厂商提供病毒样本,等待杀毒软件升级后再进行处理,或重新安装操作系统。  二、 ...
  • 、说明: 这只是实现基本功能,需要其他显示效果的自己写函数吧 ~~ 四、缺陷: 1、只能读取并计算出客户端时间,如果客户端时间不准,那你懂;解决办法也有,就是写服务端代码,不过服务端代码不利于静态页面...
  • 用Delphi实现Word文件预览

    热门讨论 2005-07-13 15:37:57
    这一缓冲类型由 BufferedImage 类中的常量 TYPE_INT_ARGB 指定,它意味着每个像素要用一个 int 值。每个像素的值是以 8 位字节形式存储一个 alpha 组件加上 RGB 颜色组件。我们可以用给定的宽度和高度创建一个这种...
  • 图形图像处理库大全

    2018-02-06 12:53:01
    此格式期望真正基于浏览器,独立于操作系统之外,并且支持主流3D显卡,这样就可以在网页中实现效果逼真3D动画。在线演示:http://o3... 更多O3D信息  最新新闻: 谷歌联手Mozilla基金开发3D互联网图
  • 图片相关库

    2018-08-08 08:44:39
    此格式期望真正基于浏览器,独立于操作系统之外,并且支持主流3D显卡,这样就可以在网页中实现效果逼真3D动画。 绘图引擎RRDtoo 简单说,RRDtool (RoundRobin Database Tool)就是一个强大绘图引擎,.....

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 158
精华内容 63
关键字:

网页中的三d效果