直逼Flash的流畅感:jQuery运动特效展示
围剿 Flash 的不仅有 HTML 5,还有 JavaScript,著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。
1. 流感导航菜单
下面的导航菜单,当鼠标在上面移动的时候,会很流畅地垂下解释菜单,当你将鼠标在上面快速左右移动的时候,会怀疑这是 Flash。
2. 转花灯
Roundabout 是一个 jQuery 插件,可以将一组 HTML 对象转换为旋转花灯的效果。
3. 拉洋片
拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。
4. jQuery Quicksand 插件
这个让人赞叹的插件,可以对一组 HTML 对象重新洗牌,效果非常出众。
5. 导航滑块
这种风格的导航已经见于很多站点,鼠标在导航菜单上移动的时候,一个高亮指示条随着鼠标滑动,指示当前的导航位置。
6. 文字的移动纹理
在文字上,显示移动的纹理,效果美轮美奂。原理是,做一个带透明文字的 PNG 图像放在一个容器里,容器的背景放一张图案,用 jQuery 移动容器的背景,很简单,不过,不支持 IE6,因为 IE6 不支持 PNG。
7. jDiv: jQuery 导航 Tab
一个可以显示丰富内容的下拉导航菜单(演示要翻墙)。
8. 基于 CSS3 和 jQuery 的半透明导航系统
鼠标在导航菜单上移动,显示半透明的指示图标。CSS3 做这个实在太容易了。
9. 云台式拉洋片
常规的拉洋片效果要么左到右,要么右到左,或者垂直上下,这个 jQuery 效果可以象云台那样扫镜头。
10. SlideDeck
SlideDeck 是一种新颖的内容展示方式,有点类似 Outlook 的手风琴菜单,但视觉效果和用户体验更好一些。
本文来源:http://devsnippets.com/article/10-jquery-transition-effects.html
相关文档:
在之前制作的版本,由于没有引入缓冲的效果,看起来效果并不好,这一次修改一下,把之前的改造一下。有了缓冲的帮助,效果完善了很多
但是还是有内存的一些问题,让人觉得不爽。
改进办法,对每一张图片加入Event。EnterFrame 事件,每一帧刷新,这样的好处使动画变得连贯,但是不好的地方会导致内存使用过多
使 ......
package
{
import fl.controls.Button;
import fl.controls.TextArea;
import flash.display.Sprite;
public class test extends Sprite
{
private var b1:Button;
private var b2:Button;
private var b3:Button;
private var ta:TextAr ......
、在Flash加入:<param name="wmode" value="opaque">
2、在DIV里加入:position:absolute;z-index:10;(数字越大越处于上层)
FLASH透明背景
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 ......
可以“按ESC 退出全屏模式”
FLASH 全屏有二类四种:
1、不用浏览器直接用FLASH播放器播放的类型:
A、不显示FLASH播放器菜单栏的全屏(类似屏保效果),在第一帧处的Actions用FS Command 命令,在For standalone player 选项中选择fullscreen 为true 即可。
&nbs ......
Ubuntu虽然安装了adobe flash player,但是中文字体却显示成了一个个的小方块,看上去很不爽。
解决方法其实很简单。
1. 打开终端
2. 输入
sudo gedit '/etc/fonts/conf.d/49-sansserif.conf'
3.
看到以下代码
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
......