jQuery从左向右展开DIV（动画效果）

最新推荐文章于 2021-11-15 23:04:33 发布

huang100qi

最新推荐文章于 2021-11-15 23:04:33 发布

阅读量1.8w

点赞数

CC 4.0 BY-SA版权

文章标签： jquery div xhtml html function 文档

本文链接：https://blog.youkuaiyun.com/huang100qi/article/details/5909992

该博客展示了一个使用jQuery实现的动画效果，通过文档加载完毕后执行脚本，让一个初始宽度为0的<div id='box'>元素在4秒内平滑地展开至800像素，创建了从左向右的展开动画。示例代码包括HTML结构、CSS样式以及JavaScript部分，主要利用了jQuery的animate方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jQuery/jquery-1.1.3.pack.js"></script>
<style type="text/css">
#box{
width:0px;
height:30px;
border:2px #0000FF solid;
background:#CCCCCC;
display:none;}
</style>
</head>