scriptaculous中的scale属性不能缩放元素中的内容, 纠结中

guolin 2010-04-17 12:27:22
页面代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>scriptaculous1.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="script/prototype.js"></script>
<script type="text/javascript" src="script/scriptaculous.js?load=effects"></script>
<script type="text/javascript">
function doScale(){
new Effect.Scale('quote',200,{
scaleContent:true
});
}
</script>
</head>

<body>
<p>Ben Franklin said </p>
<div id="quote" style="width:260px; background-color: gray">
Necessity never made a good bargain.
</div>
<table>
<tr><td> <input type="button" onclick="doScale();" value="Scale" /> </td> </tr>
</table>

</body>
</html>

点击页面中的Scale按扭后,<div id="quote"></diiv>这个块会正常地缩放为原来的两倍,但是里面的内容,也是就是这句话 Necessity never made a good bargain. 却始终保持原来的大小,完全没有缩放。找了很久也没发现问题出在哪里,好纠结,请高手帮忙解决一下,谢谢
...全文
99 点赞 收藏 1
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复

还没有回复,快来抢沙发~

相关推荐
发帖
Ajax
创建于2007-09-28

5.2w+

社区成员

Web 开发 Ajax
申请成为版主
帖子事件
创建了帖子
2010-04-17 12:27
社区公告
暂无公告