鼠标掠过事件小练
来源:互联网 发布:ff14精灵女捏脸数据 编辑:程序博客网 时间:2024/04/30 19:00
效果:鼠标经过菜单,该菜单的菜单项自动列出。
有些客户不想点击菜单项,才出现菜单项,想要鼠标经过,菜单项就自动列出。
代码量比较少,列出详细点:
<f:facet name="metaContainer">
<af:group>
<![CDATA[
<script>
function showMenu(event){
var adfRichMenu=event.getSource();
adfRichMenu.getPeer().show(null,true);
}
</script>
]]>
</af:group>
</f:facet>
<af:form id="f1">
<af:panelGroupLayout id="pgl1" layout="scroll">
<af:menuBar id="mb1">
<af:menu text="menu 1" id="m1">
<af:commandMenuItem text="commandMenuItem 1" id="cmi1"/>
<af:clientListener method="showMenu" type="mouseOver"/>
</af:menu>
<af:menu text="menu 2" id="m2">
<af:commandMenuItem text="commandMenuItem 2" id="cmi2"/>
<af:commandMenuItem text="commandMenuItem 3" id="cmi3"/>
<af:clientListener method="showMenu" type="mouseOver"/>
</af:menu>
</af:menuBar>
</af:panelGroupLayout>
</af:form>
</af:document>
1.在菜单上使用客户端监听器,一旦鼠标掠过事件发生,将调用js方法。
2.js中显示菜单的子菜单。
注意:用的这个oracle.adf.view.js.component.rich.AdfRichMenu
而不是oracle.adf.view.rich.component.rich.RichMenu
- 鼠标掠过事件小练
- 鼠标掠过iframe事件mousemove
- 鼠标掠过显示图片的demo
- 鼠标移动事件小案例
- 通过CSS效果:隔行变色和鼠标掠过高亮,学习JQuey的css()、hover()方法
- javascript事件小例子(图片随鼠标动)
- setCapture和releaseCapture的小应用鼠标拖拽事件
- event事件(跟随鼠标的提示框)小案例
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- 鼠标事件
- k3 ERP 数据表结构的SQL
- 推荐点滴
- servlet--会话技术--cookie And session--
- 一个简单的下拉列表
- 条码扫描二维码扫描——ZXing android 源码简化
- 鼠标掠过事件小练
- 从控制台输入一个数字
- K3 erp应收应付结账时提示“单据重复”的处理
- 7月回乡杂记
- 修改服务器配置,让asp.net文件后缀名随心所欲
- 用Tomcat搭建一个小的web系统
- ORA-12547: TNS:lost contact
- RCP 起步——Hello MyRcp
- 模仿模拟器上的样子,做短信通知栏