01.<script type="text/javascript">
02.$('#content>div').mouseenter(function() {
03.$(this).find('div.pic').addClass('ani');
04.}).mouseleave(function() {
05.$(this).find('div.pic').removeClass('ani');
06.});
07.$('#call').click(function() {
08.parent.toFrame(2);
09.});
10.function login() {
11.toFrame(1, 'left');
12.}
13.var currentIndex = 0;
14.function toFrame(idx, dir) {
15.var cur = $('#frame' + currentIndex);
16.var next = $('#frame' + idx);
17.var duration = 200;
18.dir = dir == undefined || dir == 'left';
19.if(dir) {
20.cur.animate({
21.left: '-390px'
22.}, duration, function() {
23.cur.hide();
24.});
25.cur.css('z-index', 1);
26.next.css({'left': '390px', 'z-index': 2}).show();
27.next.animate({
28.left: '0'
29.}, duration);
30.} else {
31.cur.animate({
32.left: '390px'
33.}, duration, function() {
34.cur.hide();
35.});
36.cur.css('z-index', 1);
37.next.css({'left': '-390px', 'z-index': 2}).show();
38.next.animate({
39.left: '0'
40.}, duration);
41.}
42.currentIndex = idx;
43.}
44.</script>
45....