1

我想在 HTML 5 Fluid Grids 中单击按钮更改站点视图，例如，当我用手机单击按钮时，我的站点视图更改为移动视图，或者您可以说我的视图端口更改为移动视图，类似地，当我单击时选项卡视图它会自行切换到选项卡视图端口并开始显示选项卡站点。我的网站已经在流体网格系统中。意思是当我改变浏览器窗口的大小时，它会改变，但我想通过单击按钮来获得这种效果。作为参考，请查看此链接。想实现类似右边4个按钮的功能。 http://themeforest.net/item/diverso-bootstrap-responsive-sliding-pages/full_screen_preview/4919410

4

1 回答 1

0 
<button onclick="tvResize();"><img src="tv.gif"></button>
<canvas id=c></canvas>

... ...以上两个是关键的 HTML。为每个功能添加按钮，您需要将画布放置在您想要的位置......

<script type="text/javascript">
    var v = yourVideo
    var canvas = document.getElementById('c');
    var context = base.getContext('2d');
    var w, h;

    function tvResize() {
        w = "400px" 
        h = "100px"
        canvas.width = w
        canvas.height = h
        }

    context.clearRect(0, 0, w, h)

    function draw() {
    context.drawImage(v, 0, 0, w, h)
        }

看看这个定位想法： 有人叫 notme 然后你可以为“laptopResize”、“phoneResize”、“skinnyThingResize”等创建一个。

于 2013-07-21T06:25:19.240 回答