| CARVIEW |
Select Language
HTTP/1.1 200 OK
Server: nginx
Date: Sat, 11 Oct 2025 21:05:01 GMT
Content-Type: text/html
Last-Modified: Wed, 18 Sep 2024 14:30:32 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
ETag: W/"66eae408-2c6c"
Reporting-Endpoints: csp-endpoint='https://csp-report-api.openjs-foundation.workers.dev/'
Content-Security-Policy: default-src 'self'; script-src 'self' 'wasm-unsafe-eval' code.jquery.com; connect-src 'self'; img-src 'self' secure.gravatar.com; style-src 'self'; media-src 'self' content.jquery.com; report-uri https://csp-report-api.openjs-foundation.workers.dev/; report-to csp-endpoint
Content-Encoding: gzip
animate.html on Ticket #7109 – Attachment – jQuery - Bug Tracker
jQuery issues have moved to GitHub. This site is now a static archive of the old Trac bugs site. Some functions and pages are no longer available.
Skip to main content
Ticket #7109: animate.html
Bug Tracker
Side navigation
Ticket #7109: animate.html
File animate.html, 0.4 KB (added by kellyfelkins, October 01, 2010 11:04PM UTC)
animates a div from 30% to 1% width. Has initial bump on webkit
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color:#bca;
width:20%;
border:1px solid green;
}
</style>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<button id="go">» Run</button>
<div id="block">Hello!</div>
<script>
/* Using multiple unit types within one animation. */
$("#go").click(function(){
$("#block").animate({width: "1%"});
});
</script>
</body>
</html>
Download in other formats:
Original Format
File animate.html, 0.4 KB (added by kellyfelkins, October 01, 2010 11:04PM UTC)
animates a div from 30% to 1% width. Has initial bump on webkit
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color:#bca;
width:20%;
border:1px solid green;
}
</style>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<button id="go">» Run</button>
<div id="block">Hello!</div>
<script>
/* Using multiple unit types within one animation. */
$("#go").click(function(){
$("#block").animate({width: "1%"});
});
</script>
</body>
</html>