• 关于

    js点击触发动画

    的搜索结果
  • a 标签中调用js的几种方法

     我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeun...

    文章 余书懿 2011-04-09 804浏览量

  • Codrops 教程:基于 CSS3 的精美模态窗口效果

      Codrops 分享了漂亮的模态窗口效果实现方法,希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮(或任何的 HTML 元素),在点击的时候出现一个模态窗口,带有简单的过渡(或动画)。 您可能感兴趣的相关文章 Metronic – 赞!Bootstrap 响应式后台管...

    文章 秋天风景 2013-07-02 731浏览量

  • Web开发中10个有用的免费CSS代码

    在本文中主要展示了在Web开发中一些免费但是非常有用的代码,开发人员可以下载它们来简化工作流程。在这个集合中的所有代码都是经过精挑细选的,对于开发人员来说非常有用。在开发一个网站时,这些代码将节省大量的开发时间。 下面小编将为大家介绍针对于Web开发人员的10个有用CSS代码的完整列表,这些代码可...

    文章 行者武松 2017-08-01 893浏览量

  • JQuery Easy Ui (Tree树)详解(转)

       第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。。 JQuery ui是在jQuery的基础上,利用jQuery的扩展性,设计的插件。 那么JQuery Easy Ui...

    文章 developerguy 2015-05-09 1576浏览量

  • 简单动画实现代码

    动画的实现原型 <div id="div1" style="width:100px;height:50px;background:red;cursor:pointer;color:#fff;text-align:center;line-height:50px;">点击</di...

    文章 文艺小青年 2017-07-06 757浏览量

  • Web报表工具FineReport中JavaScript的使用

    报表软件FineReport采用的是jQuery v1.9.2框架,jQuery是一个快速的,简洁的JavaScript库,能让用户更方便地处理HTML documents、events,实现动画效果,方便地为网站提供AJAX交互,并且它兼容各种浏览器(IE 6.0+, FF 1.5+, Safa...

    文章 技术小阿哥 2017-11-27 772浏览量

  • CSS动画小结

    CSS动画 原理:1.画面之间变化  2.视觉暂留作用 常见问题 1.CSS 动画的实现方式有几种 1.transition  2. keyframes(animation) 2.过渡动画和关键帧动画的区别 1.过渡动画需要状态变化  2.关键帧动画不需要状态变化 3.关键帧动画能控制更精细 3....

    文章 姜白告 2018-05-21 664浏览量

  • Web 端如何低成本打造 Native 体验?

    Web 端体验 在有了 PWA(Progressive web apps) 之后,Web Application 也具备了添加到桌面和离线访问等能力,但是实际体验上却总是和 Native 应用存在非常明显的差距。 我们可以看一下 Alibaba 的 M 站和 iOS 应用的录屏(左边为 WEB,右...

    文章 茶什i 2020-06-09 749浏览量

  • Web 端如何低成本打造 Native 体验?

    云栖号资讯:【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 阿里妹导读:Web 应用在实际体验上和 Native 应用仍然存在非常明显的差距,那么如何低成本地把一个现有的网站改造成类 Native 的体验呢?本文分享一种让网站低成本渐进式实现 Nativ...

    文章 云栖号资讯小编 2020-06-09 369浏览量

  • 推荐12款实用的 JavaScript 书页翻转效果插件

      Flipbooks(书页)或者页面翻转已成为在网页设计中最流行的交互动画之一。他们可以用在 Flash,网页或者在线杂志中。使用书页动画或者页面翻转的网页设计效果方便人们展示他们的产品,作品或者其它内容,更加醒目和直观有效。   除了结合 HTML5 和 CSS3 可以实现这样的动画,也有很多...

    文章 秋天风景 2014-05-29 1086浏览量

  • 【HTML5&CSS3进阶04】CSS3动画应该如何在webapp中运用

    动画在webapp的现状 webapp模式的网站追求的就是一个体验,是HTML5&CSS3浪潮下的产物,抛开体验不说,webapp模式门槛比较高; 而体验优化的一个重点便是动画,可以说动画是webapp的一个亮点。但也是一个难点,一个痛点,主要原因是:移动端手机的碎片化严重。 设备、...

    文章 范大脚脚 2017-11-03 917浏览量

  • jQuery Mobile的学习时间botton按钮的事件学习

    程序员都很懒,你懂的! 生命的绝唱来机只争朝夕,如诗的年华更需惜时如金。不要让今天的懈怠成为一生的痛。 每天都在进步。最近在学习jquery mobile开发,使用的button,绑定事件,和大家一起学习,一起分享! 直接上代码: <!DOCTYPE html> <html&g...

    文章 业余草 2014-05-30 1001浏览量

  • 晒晒这两天做的播放器

    因工作需要,又做了一个播放器(走了一段弯路:刚开始在flash里做,后来不知道怎么搞的,flash cs5突然代码提示功能没了,后换成Flash Builder把主要代码复制进来重新来过,加上视频文件转换为flv,前后用了近两天时间,汗) 依然是基于xml数据源,动画的移动处理主要依赖于Tw...

    文章 杨俊明 2010-07-20 606浏览量

  • 原生CSS动画回调事件

    原文链接: Detecting CSS Animation Completion with JavaScript 原文日期: 2014年02月20日 翻译日期: 2014年02月21日 翻译人员: 铁锚 2014年对于我的web开发生涯来说有一个难以承认的事实,那就是传统的JavaScript ...

    文章 铁锚 2014-02-21 633浏览量

  • 前端开发中的JS调试技巧

    前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。 本文将一一讲解各种...

    文章 ke_ry 2017-05-05 821浏览量

  • Vuejs——(7)过渡(动画)

    本篇资料来于官方文档: http://cn.vuejs.org/guide/transitions.html 本文是在官方文档的基础上,更加细致的说明,代码更多更全。 简单来说,更适合新手阅读 (二十四)过渡动画 ①过渡动画的定义; 简单来说,就是当模块消失、出现时,会以什么样的形式消失和出现;...

    文章 零零水 2016-09-09 3264浏览量

  • 让 Angular 应用动起来!

    【编者按】本文主要通过生动的实例,介绍为 Angular 应用添加动画的原理与过程。文章系国内 ITOM 管理平台 OneAPM 编译呈现。 我们知道,Angular 应用在更新 DOM 时,会直接将元素转储为视图而没有过渡,其默认的用户体验并不和谐。 不过,好消息是,Angular 附带了对动画...

    文章 oneapm_official 2016-05-25 1432浏览量

  • CSS 3 Keyframes 把玩

    上周学习了利用 CSS3 来制作页面动画,完成了下载页面动画的开发。 入门 按照需求要实现“渐显 FadeIn”的效果。最简单的情况下,使用 transition 即可实现效果:transition: opacity 500ms; opacity: 0;/* 修改 opacity 透明度为 1 完...

    文章 sp42 2015-05-18 575浏览量

  • 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.12 技巧:跨页面时固定footer

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

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

  • 移动端web开发 chapter 1 – introduction

    移动端web开发,现在普遍被成为h5开发,这个称谓其实不恰当,不过h5,说起来方便,那就h5吧。虽然都是web开发,区别还是挺多的~以下是po主的总结 布局 pc上,定宽的网站占大多数。而移动端布局绝大部分需要自适应,也就是要适配不同大小的屏幕。同时也多了很多概念,比如viewport,v...

    文章 微个日光日 2016-01-11 1720浏览量

  • Ajax等待返回结果时,弹出一个友好的等待提示

    巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。 具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/ $...

    文章 jefferyjob 2016-01-12 1977浏览量

  • 艾伟:ASP.NET 与 AJAX的实现方式

      Ajax 应该不是一项技术,是一种思想而已,跟 ASP.NET 以及其它 Web 开发语言没有什么太大关系,这里只是谈谈 ASP.NET 中目前使用的 Ajax 技术以及其它一些实现 Ajax 的优秀框架。   Ajax 已经很流行一阵子了,现在谈 Ajax 觉得有点老土。目前所谓的 Web...

    文章 狼人2007 1970-01-01 792浏览量

  • HT for Web基础动画介绍

    在上一篇《基于HT for Web矢量实现3D叶轮旋转》一文中,我略微提了下HT for Web基础动画的相关用法,但是讲得不深入,今天就来和大家分享下HT for Web基础动画的相关介绍及用法。 先上一段枯燥的理论知识,大家混个眼熟。 在HT的数据模型驱动图形组件的设计架构下,动画可理解为将某...

    文章 xhload3d 2015-08-03 584浏览量

  • 常见的移动端H5页面开发遇到的坑和解决办法

    问题一:用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经研究发现是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页字会非常小,所以苹果就把iPhone 4的960640分辨率在网页里只显示了480320,这样devicePixelRatio=...

    文章 webmirror 2018-02-14 3098浏览量

  • 从零开始学习jQuery (七) jQuery动画-让页面动起来!

    原文:从零开始学习jQuery (七) jQuery动画-让页面动起来! 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使...

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

  • ASP.NET-FineUI开发实践-9

    用了FineUI有一段时间了,还是分享下我咋改的吧,没想的那么难,我也是从小白来的。 基础是要懂JQ和EXTJS,主要是要懂JQ和EXTJS能干啥,这里有两个网站 http://www.w3school.com.cn/jquery/traversing_find.asp http://extjs-...

    文章 shihahayue 2014-10-16 659浏览量

  • 8个前沿的 HTML5 & CSS3 效果【附源码下载】

    作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果,记得收藏哦:) 温馨提示:为...

    文章 追风筝的猪 2018-03-23 1194浏览量

  • 原生开发移动web单页面(step by step)7——页面切换动画

    在开始写页面切换效果前,首先要介绍一下css3的animation模块,在css中定义如下 div.a { animation: bounce 0.25s forward; } css3的animation定义可以声明关键名,动画时间,动画插值方式,动画的延迟以及动画完毕后的状态以及动画...

    文章 真五花肉 2018-09-06 889浏览量

  • 从零开始学_JavaScript_系列(四)——jquery(基础,选择器,触发条件,动画,回调函数)

    jQuery语法   (1)引用jquery文件及下载库: http://jquery.com/download/ 下载 Download the compressed, production jQuery 2.2.2 这个是用户版的,已经被精简和压缩。 然后使用 &lt;script src="...

    文章 零零水 2016-03-31 2387浏览量

  • 从零开始学_JavaScript_系列(四)——jquery(基础,选择器,触发条件,动画,回调函数)

    jQuery语法   (1)引用jquery文件及下载库: http://jquery.com/download/ 下载 Download the compressed, production jQuery 2.2.2 这个是用户版的,已经被精简和压缩。 然后使用 &lt;script src="...

    文章 零零水 2016-03-31 1224浏览量

1 2 3 4 6 >

云产品推荐

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