`

jquery animate学习

阅读更多

 

<html >
<head>
<title></title>
<script src="./style/js/jquery-1.9.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function testt(){
		var div=$("div");
		div.show();
		div.animate({left:'30%',height:'400px',width:'400px',top:'50px'},"slow");
	}
	
	function testt2(){
		var div=$("div");
		div.animate({left:'100%',height:'0',width:'0',top:'0px'},"slow");
		div.hide(222);
	}
</script>
<style >
.act{
width:0px;
height:0px;
display: block;
display:none;
top:0;
left:0;
background-color: gray;
position: absolute;
}
</style>
</head>
<body>

<input  type="button"  value="出现--右" onclick="testt()" />
<input  type="button"  value="消失--左" onclick="testt2()" />

<div class="act" >
8月25日股市收市后,中国央行宣布降准降息。这是在中国股市连续两天近乎大盘跌停情况下推出的货币政策,此举可被市场解读为救市行为。央行此时推出普遍性降准降息政策,时点选择合适。<br><br>
当日上证指数收盘2964.97点,跌破3000点心理关口,该点位接近投资者对市场底的预期,此时降准降息,有利于稳定股市,救市效果较佳。<br><br>
近日全球股市暴跌,qq金融危机身影显现,各国开始准备应对措施。与2008年不同的是,此轮股市暴跌的带头大哥是中国A股,一周时间,上证指数下跌千点。<br><br>
</div>
</body>
</html>

 

分享到:
评论

相关推荐

    基于jquery animate操作css样式属性小结

    昨天突然有网友问我animate()方法可以来操作所有css属性吗?是的,我告诉他可以的。...接下来通过本篇文章给大家介绍基于jquery animate操作css样式属性小结,对jquery animate css相关知识感兴趣的朋友一起学习吧

    jQuery的animate函数学习记录

    很久之前就对jQuery animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究。 jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数: easing...

    jQuery animate(滑块滑动效果代码)

    jQuery animate 滑块滑动效果,学习jquery的朋友可以看下。

    animate学习

    通过animate命令是导航经过的时候有个边框从无开始增加的效果。

    JQuery实现滑动banner轮番图

    实现滑动的原理是:控制同级元素的整体位置 再通过jquery的动作animate 缓慢的实现这一过程 则就会显现滑动效果 下面是菜鸟的代码演示 代码的最后方有免费的源文件可以下载 供和我一样的初学者学习和交流 同时也希望...

    利用jQuery的动画函数animate实现豌豆发射效果

    本文主要讲解jQuery的animate函数的基本用法,利用动画函数animate实现豌豆发射的效果,对于学习animate很有帮助,有需要的可以参考借鉴。

    jQuery权威指南-源代码

    对于初学者而言,本书应该是学习jQuery的首选。——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习...

    jQuery详细教程

    关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 ...

    JQuery 自定义CircleAnimation,Animate方法学习笔记

    最近对看了一些JQuery的基础教程,被JQuery深深的吸引住了,以前用过Extjs,看了JQuery不禁感叹,javascript还能这么些,真是太神奇了!

    jquery动画笔记

    笨人的学习笔记,压缩包内有视频,关于jquery的animate部分

    jquery-1.3.2

    《Learning jQuery:Better Interaction Design and Web Development with Simple JavaScript Techniques》第一本由jQuery的开发人员写的关于如何学习jQuery的书已经于七月面世,同时还有三本相关的书在问世当中。

    jQuery权威指南366页完整版pdf和源码打包

    前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2...

    解决jquery的.animate()函数在IE6下的问题

    在项目里面实现左的菜单折叠显示的效果,这个在软件界面里是常见的(本来到网上copy一段代码也就了事了,估计写的比我都好,但学习嘛,就要有学习的精神^^!), 我是用.animate()去实现隐藏展开的,代码如下: 代码...

    JQuery实现滑动banner轮番图(1030修改)

    轮番图常用的图片信息展示效果 也是每一个初级前端人员需要学习的效果 实现滑动的原理是:控制同级元素的整体位置 再通过jquery的动作animate 缓慢的实现这一过程 则就会显现滑动效果 下面是菜鸟的代码演示 代码的...

    jQuery常用的一些技巧汇总

    jQuery的存在,让学习前端开发的人感到前端越来越容易入门了,用简单的几行代码就可以实现需求,但是,你真的会用jQuery么,当代码运行后无法看到自己预期的效果,是不是觉得jQuery出了问题,其实,问题还是出在了...

    使用Jquery实现块级区域(图片等)的左右滑动切换展示

    1.这是一份使用Jquery中的animate函数实现的,让块级区域进行左右滑动切换。 2.为方便移植使用,我把向左向右滑,写成了两个函数。通过规定前端的展示区域的HTML代码结构可以适用于大部分场景。 3.对Js的学习我也是...

    JS基础学习教程

    5.Animate me(让我生动起来):使用FX 6.Sort me(将我有序化):使用tablesorter插件(表格排序) 7.Plug me:制作您自己的插件 8.Next steps(下一步) 安装 一开始,我们需要一个jQuery的库,最新的下载可以到这里找到。这个...

    jQuery实现带滑动条的菜单效果代码

    这是一款带滑动条的jQuery滑动菜单,菜单下边有一个蓝色的线条,鼠标移上哪里它就跟向哪里,可以指引当前菜单的位置,另外,动画效果是基于jquery的animate(),对此有兴趣学习的正好可参考下代码。 运行效果截图如下...

    宠物培训公司的bootstrap响应式模板

    css:animate 和 bootstrap jQuery JavaScript:jQuery 画面温馨舒适,是关于宠物方面的,但是需要改的话我觉得也是一个万能模板 ,该有的都有,画面比较治愈,动画和特效也都是非常舒服,相信您看到就会非常的喜欢...

Global site tag (gtag.js) - Google Analytics