div滑入与滑出

html

<div class="pop_tit">
<span class="p_tit1" title="大连未来城LECITY">大连未来城LECITY</span><br />
</div>

css

.pop_tit { width:350px; height:45px; padding:10px 10px 5px 10px; /*position:absolute; left:5px; top:5px; z-index:29;*/ background:url(../images/zp_titbg.png) no-repeat 0px 0px; display:none;}
.p_tit1 { line-height:18px; color:#ffffff; font-size:18px; padding-right:18px;}

js

//case
$(".case li a").live(‘mouseenter‘,function(){
//alert(‘enter‘);
$(this).children().stop(false,true);
$(this).children(".pop_tit").slideDown("fast");
}).live(‘mouseleave‘,function(){
//alert(‘out‘);
$(this).children().stop(false,true);
$(this).children(".pop_tit").slideUp("fast");
});

时间: 2024-09-30 22:55:55

div滑入与滑出的相关文章

zrender-横坐标的滑入,滑出,颜色改变

效果图:(鼠标滑动上,文字变色,滑出也变色) 原文地址:https://www.cnblogs.com/snowbxb/p/12408245.html

利用jQuery实现,蒙板随鼠标滑入滑出

今天学习了jQuery的一些知识点,做了一个练习:实现蒙板随鼠标移动,从元素的四个方向滑入滑出.如图: jQuery知识点: 定位:获取相对于父元素的偏移量           position().left           position().top 获取元素相对于当前窗口的偏移量           offset().left           offset().top 步骤: 1.创建父元素.当前对象.蒙板 代码如下: <div class="wrap">  

jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类   $("div").addClass("class"); .removeClass删除类   $("div).removeCla

div层的滑入滑出实例

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src

JS——侧栏导航点击滑入滑出效果

对于定位的侧栏导航点击滑入滑出这一效果,我想很多人都明白原理,并且很简单的就能运用JS+Jquery就能做出.而且是一个非常常见的简单效果.在此呢,小码哥只是为了自己以后能够翻看,还有就是给那些刚入门javascript的新人们一点启发. 作为入门javascript的人来说,明白一个效果是怎么实现的尤为重要.即原理是怎么回事尤为重要!小码哥昨天在路上偶遇一应届毕业生,刚从青岛来北京找工作.是学计算机的,C及C++起步,由此基础,我说你学什么语言都有优势.必定逻辑基础有了不是!? 废话不说了,直

jQuery动画效果之滑入滑出slideDown,slideUp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>滑入滑出</title> <meta charset="UTF-8"> <style type="text/css&q

Activity左边滑出,右边滑入的动画切换

Activity左边滑出,右边滑入的动画切换 转载请注明出处:http://blog.csdn.net/u012301841/article/details/46920809 大家都知道Android系统默认Activity间的动画切换效果为:左边滑出.右边滑入,按返回键的动画切换效果为:左边滑入,右边滑出.但是现在的手机制造商都定制自己的Rom,像MI UI和锤子OS等之类的手机,导致Android原生的切换动画在不同的手机上发生了改变,有时候我们需要让他变回原生的状态. 这是我在网上盗的一张

WPF技术触屏上的应用系列(五): 图片列表异步加载、手指进行缩小、放大、拖动 、惯性滑入滑出等效果

原文:WPF技术触屏上的应用系列(五): 图片列表异步加载.手指进行缩小.放大.拖动 .惯性滑入滑出等效果 去年某客户单位要做个大屏触屏应用,要对档案资源进行展示之用.客户端是Window7操作系统,54寸大屏电脑电视一体机.要求有很炫的展示效果,要有一定的视觉冲击力,可触控操作.当然满足客户的要求也可以有其它途径.但鉴于咱是搞 .NET技术的,首先其冲想到的微软WPF方面,之前对WPF的了解与学习也只是停留在比较浅的层面,没有进一步深入学习与应用.所以在项目接来以后,也就赶鸭子上架了,经过努力

ios 页面滑入滑出

从左边滑进 CGRect r1,r2; r1 = app.testview.view.frame; r2 = self.view.frame; [app.testview.view setFrame:CGRectMake(320, r1.origin.y,r1.size.width,r1.size.height)]; [UIView beginAnimations:nil context:nil]; [UIView setAnimationDuration:0.4]; [app.window a