• 关于

    js控制div移动

    的搜索结果
  • javascript练习题-事件

      前端javascript练习题-事件  键盘控制div移动如果需要在页面中移动,要将元素脱离文档流(否则会影响页面布局) js实现代码: var odiv=document.getElementsByTagName("div")[0]; document.onkeydown=functio...

    文章 好程序员 2019-11-14 478浏览量

  • 键盘控制div上下左右移动 (转)

    <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="public/easy_ui/themes/icon.css"> <scr...

    文章 developerguy 2016-03-12 756浏览量

  • ScrollReveal-元素随页面滚动产生动画的js插件

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/84181029 简介 和 WOW.js 一样,scrol...

    文章 哈你真皮 2018-11-17 1817浏览量

  • 万券齐发助力企业上云,爆款产品低至2.2折起!

    限量神券最高减1000,抢完即止!云服务器ECS新用户首购低至0.95折!

    广告

  • 支持移动端和PC端的轻量级轮播图插件&&hammer.js教程

    http://www.swiper.com.cn/ 下载:http://download.csdn.net/detail/cometwo/9407912 原文地址:http://www.cnblogs.com/iamlilinfeng/p/4239957.html 1、 Pa...

    文章 cometwo123 2016-01-18 3843浏览量

  • Impress.js上手 - 抛开PPT、制作Web 3D幻灯片放映

        前言:   如果你已经厌倦了使用PPT设置路径、设置时间、设置动画方式来制作动画特效、那么Impress.js将是你一个非常好的选择。   用它制作的PPT将更加直观、效果也是嗷嗷美观的。   当然,如果用它来装X,是需要付出一些代价的,不过如果你是一个前端爱好者,理解HTML/CSS,...

    文章 张董丶 2015-03-15 1062浏览量

  • JQuery运动特效

           JQuery作为一个强大的JS框架,为我们在实际中避免了很多问题,比如,不会写算法,总得做浏览器的兼容等等。最近用到了JQuery的一些特效,拿出来复习下。      常见特效 Fadein() 淡入   Fadeout() 淡出   ...

    文章 soledad_lhc 2014-11-29 742浏览量

  • HTML页面的动画的制作及性能

    原文:HTML页面的动画的制作及性能 WEB页面的动画的制作及性能 简介 目前WEB页面做动画的方式大的分两种1.JS间隔时间不断修改元素属性值,这也是CSS3出来前常用的做法,貌似也是唯一的做法。2.CSS3出来之后支持动画了。 大体的思路分这两种。要是各样功能组合细分就可以分出许多类来。本文...

    文章 杰克.陈 2014-08-12 933浏览量

  • Vue学习-1

    为什么选择Vuejs 预读:为了满足当前移动webApp项目的开发需求,MVVM框架诞生,而VUEJS 便是这样一种js框架,其两大核心:数据驱动和组件化 为了解决webApp这些体验和开发上的不足,使用一个MVVM框架VUELS; 什么是MVVM (数据驱动视图) View --- ViewMo...

    文章 一朵王小花 2017-11-26 1383浏览量

  • 第65天:仿网易轮播图

    仿网易轮播图 1、HTML部分 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>仿网易轮播图&lt...

    文章 半指温柔乐 2017-10-26 964浏览量

  • 构建多页的前后分离web项目(alpaca-spa的视图用法)

    本文用来介绍使用alpaca-spa构建多页的前后分离项目的js实现。 关于alpaca-spa的其他功能,请参考官方文档 Alpaca-spa.js是一款轻量的前端JS框架,提供前端路由功能,前端视图渲染功能,前端页面嵌套功能。目的是用来提高web项目的开发效率,前后端分离开发,同时使前端代码结...

    文章 恍惚的二狗 2018-06-11 1166浏览量

  • javascript实例:逐条记录停顿的走马灯

    效果: 需求: 1.记录循环滚动; 2.每组记录之间不能有留白; 3.每条记录上移到容器的顶部时要停顿一下; 4.鼠标移入容器时停止滚动,移出时继续滚动。   曾想用的实现方法: 1.使用Marquee:本来想用Marquee搞定,使用十分方便,但不满足需求2,3,加上只能用于IE浏览器。。。。...

    文章 肥仔john 2016-04-20 1163浏览量

  • 第124天:移动web端-Bootstrap轮播图插件使用

    Bootstrap JS插件使用 > 对于Bootstrap的JS插件,我们只需要将文档实例中的代码粘到我们自己的代码中> 然后作出相应的样式调整 Bootstrap中轮播图插件叫作Carousel 一、基本的轮播图实现 HTML代码 1 <!-- 2 以下容器就是整...

    文章 半指温柔乐 2017-12-24 1332浏览量

  • 【原】移动web滑屏框架分享

    本月26号参加webrebuild深圳站,会上听了彪叔的对初心的讲解,“工匠精神”这个词又一次被提出,也再次引起了我对它的思考。专注一个项目并把它做得好,很好,更好...现实工作中,忙忙碌碌,抱着完成任务的想法可能会比较多,而想做得更好,需不惜花费时间精力,孜孜不倦,反复改进产品,把99%提高到9...

    文章 白树 2016-04-29 1617浏览量

  • 网页小 Widget 应用之 Carousel、Menu 和 Tabs(上)

    介绍 Wdiget 之前,我想说说一个关于摘取网页的小插曲。之前我为大家介绍过摘取网页的好工具,ScrapBook 。ScrapBook 在处理纯视觉的页面,也就是 CSS/HTML 的时候,表现较为满意,只不过在选择下载“JavaScript”,就有那么一点力不从心了,——这不,人家也在上面说了...

    文章 sp42 2009-12-30 737浏览量

  • jQuery实现2048游戏

    整体思路: 1. 基础设置:游戏的背景是一个4*4的格子背景, 游戏中分别有2、4、8、16等不同的色块,每种色块的颜色由js脚本来控制。 游戏界面 2. 游戏开始: 游戏开始的时候,进行初始化操作。在4*4的格子上面,随机生成2个色块,色块的里面的数字是2或4。这里应当注意的是格子...

    文章 振礼硕晨 2018-07-17 775浏览量

  • 2014年3月新鲜出炉的最佳 JavaScript 工具库

      一个 JavaScript 库是预先编写的 JavaScript 程序,用于简化 Web 应用程序开发,特别是对 Ajax 和其它 Web 为中心的技术。JavaScript 提供了多种方法,通过它来创建交互式网站,Web 应用程序。利用 JavaScript,可以在在的 Web 项目中轻松控...

    文章 秋天风景 2014-03-23 896浏览量

  • 写给IOS开发工程师的网页前端入门笔记

    前言:作为IOS开发工程师,终会接触到网页前端开发,甚至可能会有 用HTML5开发IOS的app客户端的需求。比如现在上架的app就有比如理财类型的app有的就用HTML开发的,从理财类型的app需求上思考,用 HTML5确实是个不错的选择,利用了跨平台的同时,也考虑到了理财类型的app仅仅需要处...

    文章 goodboy_heyang 2016-04-12 1873浏览量

  • HTML5+JS,微信平台开发

       【项目概要】     最近进入了一个新的项目,手机移动端的开发。微信平台,现在是家喻户晓。而自己没想到,这么快,就可以亲身接触到这样一个微信平台开发项目中。如何使得我们写HTML页面去适应各种手机,这就是在这个项目中,需要我们去做处理的一方面。    【项目基础】     HTM...

    文章 leanring 2016-03-21 1532浏览量

  • 支持移动触摸的jQuery图片Lightbox插件

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/84180718 简介 这是一款支持移动触摸设备的简洁jQ...

    文章 哈你真皮 2018-11-17 660浏览量

  • html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计

    序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出...

    文章 frontman 2014-11-21 707浏览量

  • div 隐藏 显示 占空间 不占空间

    引用:http://0755-oopp.blog.163.com/blog/static/2673281201011632617841/ div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getEl...

    文章 古镇月影 2011-09-22 769浏览量

  • layui 栅格系统与后台布局

    栅格系统 为了丰富网页布局简化HTML/CSS代码的耦合,并提升多终端的适配能力,layui在2.0版本中引进了自己的一套具备响应式能力的栅格系统。我们将容器进行了12等分,预设了4*12种CSS排列类,它们在移动设备、平板、电脑中/>大尺寸四种不同的屏幕下发挥着各自的作用。 一、栅格布局规...

    文章 program_黑 2018-10-30 2972浏览量

  • Native 性能稳定性极致优化

    Weex 作为阿里开源的高性能跨平台移动开发框架,开源至今倍受关注,不到一年的时间,已经Github Star数超过1w!它能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、安卓、YunOS及Web等多端部署。 Weex简明架构 图中是Weex...

    文章 场景研读 2017-01-20 5194浏览量

  • 用Yeoman构建AngularJS项目

    这篇文章不是一篇翻译也不是一篇原创文章,类似于一篇学习笔记,主要是记录一些关键的过程,方便查阅加深理解和记忆。 Yeoman 介绍 Yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过 Grunt(一个用于开发任务自动化的命令行工具)和 Bower(一个HTML、CSS...

    文章 雨客 2016-04-08 4054浏览量

  • 如何使用 AngularJS 的 ngShow 和 ngHide 【已翻译100%】

    今天我们来看看怎样使用Angular的ngShow 和ngHide 指令来完成它们听起来应该完成的,显示和隐藏! 它们应该做的事 ngShow 和ngHide 允许我们显示或隐藏不同的元素。这有助于创建Angular应用时因为我们的单页程序会有许多的移动部件随着应用状态的改变而来来去去。 这些...

    文章 青衫无名 2017-06-02 1083浏览量

  • 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.9 技巧:监听Mobile事件

    本节书摘来自异步社区《jQuery、jQuery UI及jQuery Mobile技巧与示例》一书中的第9章,第9.9节,作者:【荷】Adriaan de Jonge , 【美】Phil Dutson著,更多章节内容可以访问云栖社区“异步社区”公众号查看 9.9 技巧:监听Mobile事件 第4章...

    文章 异步社区 2017-05-02 1324浏览量

  • [前端]使用JQuery UI Layout Plug-in布局

    引言 使用JQuery UI Layout Plug-in布局框架实现快速布局,用起来还是挺方便的,稍微研究了一下,就能上手,关于该布局框架的材料,网上也挺多的。在项目中也使用到了,不过那是前端的工作,咱不能抢别人的饭碗不是?,不过对布局多少了解点,还是非常有帮助的。 实现 JQuery UI L...

    文章 shy丶gril 2016-05-24 4877浏览量

  • 【实战HTML5与CSS3 第二篇】绚丽的快速导航!

    目录 【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!! 【实战HTML5与CSS3 第二篇】绚丽的快速导航! 【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码) 前言 今天9点就起来了,因为下午出去有个聚会,所以就早点起来进行,否则这...

    文章 范大脚脚 2017-12-07 1120浏览量

  • Android WebView 与JS的数据交互

    转自 :http://blog.csdn.net/cappuccinolau/article/details/8262821 关于WebView 我们知道目前android市场上的一些应用采用的开发方式大致分为三种:Native App、Web App、Hybrid App。本文主要是Hy...

    文章 恩恩123 2015-12-04 1832浏览量

  • input file上传图片预览

    下载地址http://download.csdn.net/detail/cometwo/9383602 兄弟文章:http://blog.csdn.net/libin_1/article/details/50916704 input file上传图片预览其实很简单,只是没做过的感觉很...

    文章 cometwo123 2015-12-30 2310浏览量

1 2 3 4 ... 8 >

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT