[英]resize div zoom in zoom out using pure javascript or jquery
我有一個頁面在div容器中顯示swf游戲
我需要在此頁面上添加一個放大縮小滑塊,以便用戶可以使用滑塊調整SWF文件的大小
類似於此頁面滑塊的示例:
像這個頁面http://www.agame.com/game/Snowflake-Puzzle.html
任何幫助請
提前謝謝
您是否看過來源? 答案就在那里:
<script type="text/javascript">
<!--
var startGameWidth = 700;
var startGameHeight = 550;
var startMainContentWidth = $('div#maincontent').width();
var startBlueboxMiddleWidth = $('div.bluebox:first div.top div.middle').width();
function zoomObject(pos,slider){
var newWidth = Math.ceil( pos*startGameWidth/100 );
var newHeight = Math.ceil( pos*startGameHeight/100 );
if( newWidth < startBlueboxMiddleWidth ) {
$('div#maincontent, div.bluebox:first').css({'width': startMainContentWidth+'px'});
$('div.bluebox:first div.middle').css({'width': startBlueboxMiddleWidth+'px'});
} else {
$('div#maincontent, div.bluebox:first').css({'width': (newWidth+30)+'px'});
$('div.bluebox:first div.middle').css({'width': (newWidth)+'px'});
}
$("#flashobj").css({'width': newWidth+'px','height': newHeight+'px'});
}
-->
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.