首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

FLASH水波纹效果动画制作教程图文自编「建议收藏」

,修改图片的大小尺寸,如果图片有网址,我们可以提前用PR软件处理掉,或者FLASH软件场景中点击图片右键,分离,图片成麻点状后,用矩形选框工具把网址框起来删除,在下面的属性面板把小锁打开,设置为高400...,图片自己形成等比例的大小,如图下 设置好以后时间轴的100帧右键插入帧,点击中间场景中的图片右键为图型元件,对齐面板,水平中齐,垂直中齐,点击中间图片右键复制,锁上图层一, 三, 建立图层二...,时间轴左侧下面点击插入图层的小按钮添加一个图层二,双击图层区修改下名字为 “|水动”如图下 添加好之后,点击图层二水动的第一帧,在场景下面空白处鼠标右键选择粘贴到当前位置,这样刚才复制的图层一图片就覆盖图层二...高是10的矩形,画好后点击下黑箭头工具,把矩形拉个弓形,弄好后,复制多个弓形,把图片完全的覆盖好,还要过图片的高度,如图效果 做到这步后, 我们图层三的时间轴100帧处,右键插入关键帧,点100...帧,把遮罩的矩形条上边和图片的上端对齐, 如图下 放好位置后,点击下面属性旁边的补间小三角——-改为形状补间, 图层三处点击右键为遮罩层,就这样一个水波纹的动画就出炉了,其实在这里为了让大家学的快

1.4K10

河南计算机职称考试模块选择,2016职称计算机考试模块Dreamweaver选择冲刺题1

Dreamweaver中,下面关于制作阴影字特效原理的说法错误的是: A.使用样式表制作特效,实际使用的是层 B.在网页的编辑环境下可以看出制作阴影字特效原理 C.在网页的编辑环境下,最下面的层中是要显示的文字...使用表单时,如下图所示其表示: A.插入文本域 B.插入复选框 C.插入列表项 D.插入单选项 答案:B 7....下面关于插入Flash按钮设置对话框的说法错误的是: A.可以设置按钮的文字 B.Link栏中可以设置按钮的联接地址 C.Target栏中可以设置弹出的目标窗口 D.遗憾的是目前版本不支持中文 答案...Dreamweaver MX中,下面关于排版视图的说法正确的是: A.排版视图下,原来是灰色的排版单元格和排版表格按钮变成了彩色 B.排版视图下,表格按钮变成灰色和层按钮没有变成灰色 C.排版视图下...下面表单的工作过程说法错误的是: A.访问者浏览有表单的网页时,填上必需的信息,然后按某个按钮递交 B.这些信息通过Internet传送到服务器 C.服务器专门的程序对这些数据进行处理,如果有错误会自动修正错误

77220
您找到你想要的搜索结果了吗?
是的
没有找到

超链接的lvha原则

指定元素内容结尾的位置生成一个元素(同上) 伪类与伪元素最大的区别是要选择的目标内容是否存在于DOM,存在就是伪类,不存在就属于伪元素。...,再对这个临时标签设置样式 第一种情况通过伪类来处理,用伪类选择器把处于某种状态或具有某些结构特征的现有元素找出来,再应用样式。...*/} a:hover {/* 鼠标悬停的超链接,鼠标经过超链接时或悬停在超链接上时,这个超链接就处于hover状态 */} a:active {/* 处于激活状态的超链接,鼠标超链接上按下时 */...脚本可以改变元素是否对用户事件做出响应,并且不同的设备和UA指向和激活元素的方式不同 CSS 2.1没有定义如果一个’:active’或者’:hover’元素的父级是不是也处于这种状态 (摘自5.11.3...,让每条规则都变成严格互斥的,自然就没冲突了 P.S.注意:因为IE6-不能正确处理组合伪类,只认最后一个,所以lvha应用更广(实际组合伪类的语义更明确,没有“隐藏的奇怪规则”) 另外,可以层叠规则来实现特殊效果

3.4K30

02-老马jQuery教程-jQuery事件处理

绑简单事件 DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉。...当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素。 不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。...每个对象,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素选择元素绑定一个或多个事件事件处理函数。...语法: $dom.on(events,[selector],[data],fn) 说明:选择元素绑定一个或多个事件事件处理函数。

2.7K80

事件

,会依次触发下列事件: (1)focusout失去焦点的元素触发; (2)focusin获得焦点的元素触发; (3)blur失去焦点的元素触发; (4)DOMFocusOut...失去焦点的元素触发; (5)focus获得焦点的元素触发; (6)DOMFocusIn获得焦点的元素触发。...;这个事件不冒泡,而且鼠标移动到后代元素不会触发;DOM3被纳入标准; mouseleave 在位于元素上方的鼠标光标移动到元素范围之外时触发;这个事件不冒泡,而且鼠标移动到后代元素不会触发;DOM3...事件目标为被插入的节点,而event.relatedNode属性的值是父节点引用。 接着会在新插入的节点触发DOMNodeInsertIntoDocument事件。...虽然mouseover和mouseout事件也冒泡,但要适当处理他们并不容易,而且经常需要计算元素的位置(因当鼠标从一个元素移动到其子节点时或者鼠标移出该元素时,就会触发mouseout事件) 2.

3.2K51

Qt编写地图综合应用14-离线地图下

,做了个离线地图下载器,其实瓦片地图下载没有那么复杂,其实就是从开放的几个服务器地址组建要请求的瓦片地图的地址,发送请求以后会自动将图片返回给你,你只需要拿到图片数据保存成图片即可。...瓦片地图下载流程步骤如下: 获取可视区域或者行政区域的范围 拿到区域的左下角右上角经纬度坐标 根据层级数计算对应层级的瓦片数 自动生成下载瓦片地图的地址并发出请求 解析收到的数据保存成图片 更新对应界面的下载数量和进度...可设置地图是否可单击、拖动、鼠标滚轮缩放。 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。 可设置地图缩放比例和级别,缩略图、比例尺、路况信息等控件的可见。...可静态或者动态添加多个覆盖物。支持点、折线、多边形、矩形、圆形、弧线、点聚合等。 函数接口友好和统一,使用简单方便,就一个类。 支持js动态交互添加点、删除点、清空点、重置点,不需要刷新页面。...dir.exists()) { dir.mkpath(dirName); } //局部的事件循环,不卡主界面 QEventLoop eventLoop;

1.4K30

02-老马jQuery教程-jQuery事件处理

绑定简单事件 DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉。...('btn'); // dom 0 级绑定事件的方式 // 事件处理程序只能绑定一个,绑定多个事件处理程序后面的覆盖面的。...当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素。 不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。...每个对象,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素选择元素绑定一个或多个事件事件处理函数。

6.4K00

jQuery 事件绑定 和 JavaScript 原生事件绑定

live、delegate 不多用,Jquery1.7中已经移除,这里不多说 重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种,作用就是选择到的元素绑定特定事件类型的监听函数...event对象有区别,使用时需要注意 使用:$("#div li").bind("click",myFun); on(event,childSelector,data,function) on() 方法在被选元素及子元素添加一个或多个事件处理程序...注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。 提示:如需移除事件处理程序,请使用 off() 方法。...规定只能添加到指定的子元素事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。  data:可选。规定传递到函数的额外数据。 function:可选。...原生的事件绑定,可以发现只执行了最后一个相同的绑定事件,后面绑定的事件处理函数覆盖了前面的事件处理函数。

5.6K20

js中的事件(event)

比如说:他可以感觉到用户是否点击(click)了页面、鼠标是否进入了页面的某个元素上面(mouseover或mouseenter)、鼠标是否离开了网页(mouseout或mouseleave)、浏览器是都加载完了页面上的资源...当然我们也可以不给事件绑定处理方法,也就是说当此事件发生的时候,什么也不需要做,事件常有,而事件绑定的方法不一定有, 我们给页面中的元素的某个事件绑定处理方法的时候。...,相当于文档的中鼠标的坐标; target事件源;事件源的概念:事件最终发生在页面的那个元素事件源和事件的传播是息息相关的 事件的传播包括:冒泡和捕获;事件传播是浏览器处理事件行为的机制,冒泡阶段或者捕获阶段...;当你一个form表单里点击提交按钮时网页会产生一个行为病刷新网页,当你网页滚动鼠标滚轮的时候,页面的滚动条会滚动等等;这些都叫事件的默认行为,如果想把这些默认行为取消了,相应的js代码如下: a.onclick...后面绑定的会覆盖前面绑定的问题,如: ele.onclick = fn1; ele.onlcik=fn2; 这样的处理的结果就是,ele的onclick事件,fn2方法把fn1方法给覆盖了,这样就不容易实现同一个事件绑定多个方法

6.7K30

Web页面组成

7)title是页面的标题。 8)keywords搜索引擎优化。 9)真正页面呈现的内容全部body中。 10)标签对之间是允许插入其它的标签的。...点下,松开,箭头会变成蓝色,把鼠标拖动到元素。 ? ? ? ? ? 1)select和option是个组合标签,有select就一定会有option。 2)select这个叫做下拉列表。...border="2" 6)iframe是页面的一个元素,里面放的是另外一个html页面。 iframe在当前页面中再插入另外的页面。...id="title" onmouseover 想对这个元素进行鼠标操作,鼠标划上来就变成红色。 但是没有做鼠标离开的处理,所以变成红色就没有然后了。一次性改变没有恢复它。 ?...所以百度页面一点击就弹出一个输入框,这就是点击事件引发的。点击事件引发了弹出框的出现,鼠标悬浮事件,引发了下拉列表的出现,鼠标离开,下拉列表就收起来了。

1.9K20

事件

当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素时 当用户触发按键时......事件对象 触发DOM的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件元素事件类型等相关信息。所有浏览器都支持event对象,但支持方式不同。...DOM0级事件处理方式: Dom0级事件处理程序是将一个函数赋值给一个事件处理程序属性,而通过将事件处理程序设置为null删除绑定在元素事件处理程序。...这种方法无法给一个事件添加多个事件处理程序,一个事件只能绑定一次,后面的程序会覆盖面的程序。...二者区别:使用Dom2级方法添加事件处理程序的主要好处是可以添加多个事件处理程序,而Dom0级为一个事件添加多个事件处理程序时,后面的程序会覆盖面的

1.4K30

浅谈JavaScript的事件事件类型)

DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发;焦点事件元素获得或失去焦点触发;鼠标事件,用户通过鼠标页面上执行操作时触发;滚轮事件,使用鼠标滚轮时触发;文本事件,当在文档中输入文本时触发...img的图片加载完成后,会触发load事件load事件中,我们获取了event对象,并通过event对象的属性currentTarget取得了事件处理程序操作的元素。...当用户页面上由一个元素移动到另一个元素事件触发的顺序为:focusout事件失去焦点的元素触发;focusin事件获得焦点的元素触发;blur事件失去焦点的元素触发;focus事件,...获得焦点的元素触发。...这个事件不冒泡,而且光标移动到后代元素不会触发;mouseleave事件,在位于元素上方的事件移动到元素范围之外时触发;mousemove事件鼠标元素内部移动时重复重复;mouseout事件鼠标指针位于一个元素上方然后用于将其移入另一个元素时触发

1.8K50

jquery 使用方法

使用这种模式的操作方法,一共有四对 1 .insertAfter()和.after():现存元素的外部,从后面插入元素 2 .insertBefore()和.before():现存元素的外部,从前面插入元素...3 .appendTo()和.append():现存元素的内部,从后面插入元素 4 .prependTo()和.prepend() 5 :现存元素的内部,从前面插入元素 六、元素的操作...而那些操作元素的方法,是定义构造函数的prototype对象的方法,即jQuery.prototype.method(),所以必须生成实例(即选中元素)后使用。...event.pageY 事件发生时,鼠标距离网页左上角的垂直距离 5 event.type 事件的类型(比如click) 7 event.which 按下了哪一个键 9 event.data 事件对象绑定数据...() 停止事件向上层元素冒泡 事件处理函数中,可以用this关键字,返回事件针对的DOM元素: 1 $('a').click(function(){ 2 if ($(this).attr('href

1.6K10

使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

我们可以将它绑定到 resize 事件。...你必须插入一个 object 标签到一个已存在的 DOM 元素中。并且写入 innerHTML 之前请确保该元素已经 appendChild 方法插入到 DOM 中。...Zero Clipboard 事件处理 Zero Clipboard 提供了一些事件,你可以自定义函数处理这些事件。...其他事件还包括: mouseOver 鼠标移上事件 mouseOut 鼠标移出事件 mouseDown 鼠标按下事件 mouseUp 鼠标松开事件 complete 复制成功事件 其中 mouseOver...前面说过,如果需要动态改变待复制的内容,那 mouseOver 事件就可以派上用场了。例如需要动态复制一个 id 为 test 的输入框中的值,我们可以鼠标 over 的时候重新设置值。

1.6K60

前端(四)-jQuery

4.1 基础事件 4.1.1 鼠标事件 事件名称 说明 mouseover() 鼠标移入事件 mouseout() 鼠标移出事件 mouseenter() 鼠标移入事件 mouseleaver() 鼠标移出事件...() 鼠标离开被选元素是会触发 鼠标在其被选元素的子元素上来回离开时,触发 mouseleaver() 鼠标离开被选元素是会触发 鼠标在其被选元素的子元素上来回进入时,不触发 4.1.2 键盘事件 方法...(事件类型名,事件处理函数); //对指定元素绑定mouseover事件 $(".on").bind("mouseover",function(){ $(".topDown").show();...bind({事件名称:事件处理函数,事件处理名称:事件处理函数。。。})...继续自动轮播 bannerFlog = false; }); //开启自动轮播 setInterval(function(){ // 判断当前是不是鼠标某个轮播图片的数字

8.5K30

前端基础-事件

(例如鼠标点击或键盘点击) 事件处理程序:事件触发后要执行的代码(函数形式) 2.2 事件绑定 行内方式绑定(元素属性) <input type="button" value="按钮...动态绑定,其<em>事件</em><em>处理</em>程序内部的this指向了当前正在操作的dom对象。 需求:同一个<em>元素</em>的同一个<em>事件</em>,绑定多个<em>处理</em>函数: <!...alert(2); } ttttt //动态绑定,后边的执行函数会将前<em>面的</em><em>覆盖</em>掉...this 指向的window对象; 第二种 “Element节点的<em>事件</em>属性” 的缺点是,同一<em>元素</em>同一个<em>事件</em>只能定义一个监听函数,也就是说,如果定义两次onclick属性,后一次定义会<em>覆盖</em>前一次。...<em>在</em><em>元素</em><em>上</em>按下任意<em>鼠标</em>按钮 mouseup <em>在</em><em>元素</em><em>上</em>释放任意<em>鼠标</em>按键 click <em>在</em><em>元素</em><em>上</em>按下并释放任意<em>鼠标</em>按键 dblclick <em>在</em><em>元素</em><em>上</em>双击<em>鼠标</em>按钮 contextmenu 右键点击 (右键菜单显示前

1.3K10

JavaScript 编程精解 中文第三版 十五、处理事件

该方法有时很实用,例如,你将一个按钮放在另一个可点击元素中,但你不希望点击该按钮会激活外部元素的点击行为。 下面的示例代码将mousedown处理器注册到按钮和其外部的段落节点。...mouseup事件后,包含鼠标按下与释放的特定节点会触发"click"事件。例如,如果我一个段落按下鼠标,移动到另一个段落释放鼠标,"click"事件会发生在包含这两个段落的元素。...preventDefault,来覆盖浏览器的默认行为(可能包括滑动时滚动页面),并防止触发鼠标事件,您也可能拥有它的处理器。...调用滚动事件的preventDefault无法阻止滚动。实际事件处理器是进行滚动之后才触发的。 焦点事件元素获得焦点时,浏览器会触发其的focus事件。...当失去焦点时,元素会获得blur事件。 与前文讨论的事件不同,这两个事件不会传播。子元素获得或失去焦点时,不会激活父元素处理器。 下面的示例中,文本域拥有焦点时会显示帮助文本。

5.5K20

jQuery设计思想

/选择第6个div元素 有时候,我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了DOM树上的移动方法:   $('div').next('p'); //选择div元素面的第一个...使用这种模式的操作方法,一共有四对: .insertAfter()和.after():现存元素的外部,从后面插入元素 .insertBefore()和.before():现存元素的外部,从前面插入元素....appendTo()和.append():现存元素的内部,从后面插入元素 .prependTo()和.prepend():现存元素的内部,从前面插入元素 六、元素的操作:复制、删除和创建...event.pageY 事件发生时,鼠标距离网页左上角的垂直距离 event.type 事件的类型(比如click) event.which 按下了哪一个键 event.data 事件对象绑定数据...() 停止事件向上层元素冒泡 事件处理函数中,可以用this关键字,返回事件针对的DOM元素:   $('a').click(function(e) {     if ($(this).attr

2.2K60

加点JavaScript魔法

当我刚刚创建的元素上调用popover()初始化函数时,Bootstrap框架会为我动态地插入弹出组件 06 鼠标悬停事件 正如我上面提到的,Bootstrap中的popover组件使用的悬停行为不够灵活...如果在元素集合上调用这个函数,jQuery方便地将事件附加到所有元素。这两个参数是两个函数,分别在用户将鼠标指针移入和移出目标元素时调用对应的函数。...本处,我使用event.currentTarget来提取事件的目标元素。 浏览器鼠标进入受影响的元素后立即调度悬停事件。...针对弹出行为,你只想鼠标停留在元素一段时间才能激活,以防当鼠标指针短暂通过元素但不停留在元素时出现弹出闪烁。由于该事件不支持延迟,因此这是我需要自己实现的另一件事情。...现在剩下的就是完善鼠标移出事件处理程序的删除弹出窗口逻辑。 如果用户将鼠标移出目标元素,该处理程序已经具有中止弹出操作的逻辑。

3.9K10
领券