Bug Tracker

Ticket #2086: fontsizedemo.html

File fontsizedemo.html, 1.1 KB (added by eveningsky, 13 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>Untitled Document</title>
6<script type="text/javascript" src="assets/js/jquery/jquery-1.3.2.min.js"></script>
7<script type="text/javascript">
8$(document).ready(function(){
9        $('#myListItem').bind('mouseover', function(){ $('#myLink').animate({'fontSize': '2em'}
10                                                                                                                 , {queue: false, duration: 800});})
11                .bind('mouseout', function(){ $('#myLink').animate({'fontSize': '1em'}, 
12                                                                                                          {queue: false, duration: 800});});   
13});
14</script>
15<style type="text/css">
16html{font-size: 15px;}
17li{
18        list-style: none;
19        position: absolute;
20        top: 100px; left: 100px; 
21        width: 250px;
22}
23a{
24        font-size: 1em;
25        position: relative;
26        background: #ccc;
27        margin: 0 auto; 
28        padding: 5px;
29}
30</style>
31</head>
32
33<body>
34<ul><li id="myListItem">
35<a id="myLink" href="index.html">Go somewhere</a>
36</li></ul>
37</body>
38</html>