J-Focus

JS动画应用框架
授权协议 BSD
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 赫连泰宁
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

J-Focus (JFocus) 是一个Javascript脚本实现的动画应用框架,用于快速地开发基于动画效果的Web应用。其特点如下:

  • 各种过渡动画的快速实现
  • 与ActionScript3有着相似的类型结构,让ActionScript开发者更容易上手。
  • 兼容IE、Chrome、FireFox、Opera、Safari多款浏览器

最新版本更新内容:

1、调整框架结构组成,由原来的一个文件划分成多个文件组成。其中各个划分出来的文件由其功能决定。例如jfocus.system.tween.js则包含所有与过渡动画相关功能。更加方便了开发者按需使用框架。
2、优化框架核心功能,去除了DisplayObject中不必要的样式设置功能,如:backgroundImage、textColor等,改为统一使用CSS样式描述或调用DisplayObject对象中的styel或cssClass进行动态修改样式。优化了可视化对象重绘功能,减少代码冗余。
3、提高了代码智能提示的可用程度,前版本中会出现大量的私有属性影响开发者在智能提示中的可读性,此版本中进行了代码优化,消除了部分私有属性显示问题。
4、兼容IE6浏览器。前版本在IE6浏览器中部分功能报告异常在此版本中已经进行修复。

    下面截图图为采用J-Focus框架开发的照片墙Demo

      照片墙Demo

      照片墙Demo

      简单的游戏演示截图:

      简单游戏演示截图

        • 对象.focus()    --- 就把光标定位过来了。 如: $("#pageGo").focus();

        •    1.call requestFocus() on that component. Note that it won't work in touch mode (== after the user touched the screen) because the Android UI design calls for no focused/selected element in touch mo

        • focus是某个元素获取焦点时触发得事件。通常与blur配合使用。代表失去焦点 <input> <span>请输入你的电话号码?</span> <p>点击输入框获取焦点。</p>   $(document).ready(function(){   $("input").focus(function(){     $("span").css("display","inline").fadeOut(2

        • document.getElementById("vin").focus(); document.form1.name.focus()     $(document).ready(function(){         document.getElementById("carnum").focus();     }); 转载于:https://www.cnblogs.com/baijin05/p/

        • 获取文本框获得焦点,如果没有使用jQuery的话 直接用对象.focus()就可以了,可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInput”).focus()这个方法的意义也就变了,并不是使这个文本框获得焦点,而是触发这个文本框所有绑定在onfocus的函数!其实使用jQuery也非常简单将jQuery对

        • This method is a shortcut for .on( "focus", handler ) in the first and second variations, and .trigger( "focus" ) in the third. The focus event is sent to an element when it gains focus. This event is

        • 简单的说就是focus()不支持冒泡而focusin()支持冒泡 举例说明: HTML <div id="div1"> <input type="text"> </div> 如果是focus(),则必须写出成 $('input').on('focus',function(){ alert(123); }); 写成 $('#div1').on('foc

        • <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + req

        • jQuery 事件 - focus() 方法 获得焦点 $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); <input type="text" focus="show();"/> jQuery 事件 - blur() 方法 失去焦点 $("input").blur(function(){

        • 今天开发中使用到了focus函数,可以用来发生点击某个按钮或者提交值错误等触发事件发生时把焦点给到某个元素。 用法如下: $(selector).focus(function) function函数可以修改成当某个元素获得焦点以后需要实现的功能。

        • 问题 页面结构如下 ------------------------------------------ | outerWindow | | | | 口口口口口口口口口口口口口口口 | | buttons

        • 在js书上看到了focus()方法,一直认为这是jQ的方法,怎么直接用在了DOM中, 原来,DOM也有此方法,各种知识点层出不穷。 获取焦点focus() 移除 blur() <!DOCTYPE html> <html> <head> <style> a:focus, a:active { color: green; } </style> </head> <body> <a id="my

        • Privacy Policy This Privacy Policy was last updated on Augest 4,2020 Information Collection, Use and Disclosure TrueDepth data generated by the App is stored locally on your device and is used for let

        • Hi there! As I verified, this camera doesn’t appear to have auto-focus. However, it has a particular spec named “focus_auto” which is bool and set to 1 by default. Can you tell me the meaning of this?

        • focus() 是方法,表示是去触发使其获得焦点。 onfocus 是事件属性, 表示获得焦点时去执行什么。 同理,如 click 和 onclick 等区别也一样。 案例:当键盘按下ASCII码83(对应键盘s),鼠标光标会定到输入框内。 <body> <input type="text"> <script> var search = document.queryS

        • focus是在input中获取焦点的,但是在div中没有这个属性,所以要在div中加tabindex="0",div就可以使用focus属性了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

         相关资料
        • 我们讨论了iOS7的弹簧动画、JNWSpringAnimation和Facebook的Pop,很自然的你会想知道该使用哪个动画框架。有一个我不是仅仅选一个动画框架并单独专注于它的原因,我想要提供一个大的关于你可以构建动画和iOS原生界面的不同方式的概览。 在我的app中,我倾向于根据不同的目的对三种框架都进行使用。如果我只是非常简单地淡出一个视图,我们直接使用基于block的UIView动画,因为

        • 问题内容: 我想在我的WP博客中添加它。这样,每个新的div帖子的边框上都会有此动画。但是问题在于它在SVG中。无论如何,我可以在不使用SVG的情况下使此动画工作,并且我也不想使用javascript。 可以说代码是: 问题答案: CSS可以做到这一点,并且在使用多个背景并使用动画更改其位置时非常简单。 这是一个页面加载后边框连续不断移动的示例。 归功于web-tiki,它有助于修复最初在动画每个

        • 我想检查我的内部框架下的ActionListener是否在工作。但是实现ActionListener的内部类不会读取注册的按钮。有什么原因吗? 员工框架视图 EmployeeFrameController 主要

        • 我有个小酒吧。在悬停任何一个菜单项时,我想要获得与这里完全相同的边框底部动画效果(查看左上角的边框或菜单项在悬停时是如何动画的) 我试图在stackoverflow和google上找到类似的问题,但没有找到任何有用的东西。 任何帮助都是非常感谢的。

        • 本章将讨论创建另一类应用的方法,应用中使用了简单的可移动的动画对象。你将学习使用App Inventor创建二维游戏的基本知识,并熟练使用图片精灵(image sprite)及处理两个物体碰撞一类的事件。 当你在电脑屏幕上看到一个平滑移动的物体时,你实际上看到的是一连串快速移动的图片,每次只移动一个极小的距离,它利用了人的视觉暂留,从这一点上,它无异于“手翻书”—— 一种通过快速翻页来看到动画效果

        • 可能重复: 在Play框架2.0中使用MySQL数据库所需的步骤 我试图在IntelliJ中运行Play 2.0 framework应用程序,但它给出了一个错误:未找到驱动程序:[com.mysql.jdbc.Driver]。但它在Eclipse中运行良好。 我在conf文件中看了很多次,但没有找到任何错误。 任何帮助都很感激。

        • 本文向大家介绍Android应用框架之应用启动过程详解,包括了Android应用框架之应用启动过程详解的使用技巧和注意事项,需要的朋友参考一下 在Android的应用框架中,ActivityManagerService是非常重要的一个组件,尽管名字叫做ActivityManagerService,但通过之前的博客介绍,我们知道,四大组件的创建都是有AMS来完成的,其实不仅是应用程序中的组件,连An

        • 响应式交互能让用户信任,并且吸引他们。 当用户操作一个美观且符合常理的应用时,他们会感到满意甚至很高兴。那是一种经过深思熟虑、有目的、非随机的而且可以带有轻微异想天开但不会让人分心的交互。 在 material design 中,应用是响应式的并且渴望用户操作的: 触摸,语音,键盘及鼠标作为首要考虑的输入方式。 虽然 UI 元素是有形的,但是他们被限制在屏幕里面(电脑或者移动设备的屏幕),视觉元素