切换事件

HTML：<!DOCTYPE ><html>

<head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>无标题文档</title>    <style type="text/css">        * {            margin: 0px;            padding: 0;            font-family: "微软雅黑", "arial", " sans-serif";            font-size: 16px;        }

        body {            margin: 20px;        }    </style>    <script type="text/javascript" src="js/jquery-2.2.2.min.js">    </script>

    <script type="text/javascript">        $(function () {            $("h2").hover(                    function () {                        $("#content").show(1);                    },                    function () {                        $("#content").hide(1);                    }            )        });    </script></head>

<body><div id="container">    <h2 style="margin: 0px;width: 166px;height: 25px;border: 1px silver solid;">关于hover方法的作用</h2>

    <div id="content" style="width: 300px;height: 150px;border: 1px solid red;padding: 10px;display: none;">        hover方法：当鼠标移动到元素上或者是移出元素时执行事件处理代码，hover方法实际上是对mouseenter和mouseleave事件的合并，用来模仿一种鼠标悬停的效果    </div></div>

</body>

</html>

result：运行：
时间： 2024-10-14 04:57:19

切换事件的相关文章

Windows 8 应用程序前后台切换事件监听

在一些情况下,我们需要监听应用程序切换到后台或者从后台切换至前台的事件,从而进行相关处理操作.支付宝应用锁屏(IOS,Android平台)的处理中就需要监听此事件,在用户将应用切换至后台一段时间后再切换至前台的情况下就需要弹出锁屏页面. 下图给出Windows 应用商店应用的生命周期图,应用前后台切换就是在运行和挂起直接进行切换,关于生命周期的详细介绍可以参阅官方文档:http://msdn.microsoft.com/zh-cn/library/windows/apps/hh464925.as

横向菜单点击切换事件

1 <div id="lx-ui-div"> 2 <img src="image/MenuBoder.png" /> 3 <ul id="lx-index-ui"> 4 <li name="shouye">首    页</li> 5 <li name="guanyu">关于我们</li> 6 <li name=&quo

C# tabconctrol切换事件

tabconctrol没有click事件,切换page时,调用SelectedIndexChanged事件: private void tabControl1_SelectedIndexChanged(object sender, System.EventArgs e) {    switch(this.tabControl1.SelectedIndex)    {     case 0:        MessageBox.Show("tabPage1 is Selected"); 

iOS监听tableView组头切换事件

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section 组头将要出现的时候系统会调用: - (void)tableView:(UITableView *)tableView didEndDisplayingHeaderView:(UIView *)view forSection:(NSInteger)section 组头出现的时候系统

jQuery切换事件

有html页面内容如下: <body> <h5 id="hh">关于jQuery的介绍</h5> <p id="p1">jQuery是一门前端编程语言</p> </body> 需要实现点击标题显示和隐藏段落的功能. 第一种通过点击方法实现,代码如下,需要注意is(":visible")的使用 <!DOCTYPE html> <html> <hea

Justinmind使用教程（6）——Justinmind的切换事件toggle

案例说明 如下图所示,大家经常使用到的分享功能:如果分享链接是隐藏的,点击分享按钮则让其显示:如果分享链接是显示的,点击分享按钮则让其隐藏.       How TO DO 1.把分享链接块隐藏 2.为分享按钮增加toggle事件,同时需要设置Show/Hide 这样一来就搞定了.赶紧体验吧

radiobutton切换事件

选中radiobuttonlist中的其中一个,让txt的值等于当前选中的radio指定的值:

JS tab切换事件

$('ul.main-tab>li').on('mousedown', data, function() { var $this = $(this), $box = $('.main-tab-content'), i = $this.index(); if ($this.hasClass('on')) { return false; } switch (i) { case 1: window.radarUpdater = self.setInterval(function(){updateRad

JQuery入门——事件切换之hover()方法介绍

所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle(),感兴趣的朋友不妨了解下,或许对你有所帮助. 1.在JQuery中,有两个方法用于事件的切换,一个方法是hover(),另一个是toggle().所谓切换事件,即有两个以上的事件绑定于一个元素,在元素的行为动作间进行切换.如一个超级链接标记<a>若想实现当鼠标悬停时触发一个事件,鼠标移出时又触发一个事件,可以用切换事件轻松实现. 2.示例代码: