用jQuery实现具有伸缩功能的动画图片
来源:互联网 发布:dobot源码 编辑:程序博客网 时间:2024/04/29 10:23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>chainning code</title><script language="javascript" src="jquery-1.4.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#show").click(function () { var n = $("div").queue("fx"); $("span").text("Queue length is: " + n.length); }); function runIt() { $("div").show("slow"); $("div").animate({left:'+=0'},5000); $("div").animate({left:'-=0'},1000); $("div").hide("slow"); } runIt(); });</script> <style> div { margin:3px; width:1000px; height:500px; position:absolute; left:0px; top:0px; background:green; display:none; } div.newcolor { background:blue; } span { color:red; } </style><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body> <div id="show" class="panel"><img name="" src="b.jpg" width="1000" height="500" alt="美女" /></div></body></html>
0 0
- 用jQuery实现具有伸缩功能的动画图片
- 用jquery实现菜单的伸缩 功能
- 用jquery实现可伸缩的表格
- 对话框伸缩功能的实现
- 对话框伸缩功能的实现
- 对话框伸缩功能的实现
- 具有伸缩效果的ListView
- MFC实现对话框的伸缩功能
- jQuery具有对齐功能的拖放
- 实现一个具有GetMin功能的栈
- vc++对话框伸缩功能实现
- C++ MFC 窗体伸缩折叠功能的实现
- jquery 实现伸缩菜单效果
- jQuery实现展开伸缩效果
- jquery实现动画伸缩效果
- 天易24----jquery实现表格的展开伸缩
- 实现对话框的伸缩
- 实现伸缩的imageview
- Spring注解@Scope("prototype")
- HDOJ find the safest road 1596【最短路变形】
- jmeter入门使用
- Linux多线程之优先级
- ZOJ 1986 Bridging Signals
- 用jQuery实现具有伸缩功能的动画图片
- iOS概念入门学习-C语言-结构体
- 图数据库-Neo4j介绍与Cypher入门
- python2.7学习笔记(2) ——数据类型和变量
- Animation之ScaleAnimation(缩放动画)
- MongoDB 索引
- request对象获取客户端参数
- android OnPageChangeListener
- 1项目设计