小编syg*_*ad1的帖子

我一直在尝试使用以下HTML实现响应式图像的新srcset方法

        <img class="swapImages"
        srcset="assets/images/content/large.jpg 1200w,
                assets/images/content/medium.jpg 800w,
                assets/images/content/small.jpg 400w"
        sizes="100vw"
        src="assets/images/content/small.jpg"
        alt="responsive image">

我使用chrome 40,我得到的是最大的图像,调整我的浏览器大小,清除缓存什么都不做.

我读到了我必须填充的地方,所以我使用了picturefill插件,虽然chrome应该支持它.....仍然不起作用.

我为它准备了一个演示页面:http: //www.darrencousins.com/lab/resp-img-srcset/

我做错了什么/没有得到什么？

任何帮助都非常受欢迎.

我已经创建了一个插件,可以使用DIV将HTML选择框转换为自定义下拉列表.

一切运作良好,但我想让它好一点.看到我的jsFiddle

在插件的最后我有2个方法,slideDownOptions和slideUpOptions,我想在插件之外使这些可用,以便其他事件可以触发操作.

我有点困惑如何做到这一点,更具体地说,如何从插件内部和插件外部调用方法.

任何帮助总是赞赏

我一直在尝试使用jQuery动画和CSS3动画,我也想测试2D/3D翻译以查看哪个更好.

有谁知道为什么我的CSS3 translate3d不起作用？我在桌面和移动设备上试过了.

任何帮助赞赏

的jsfiddle

HTML

<div id="container1" class="container">transition</div>
    <div id="container2" class="container">translate</div>
    <div id="container3" class="container">translate3d</div>
    <div id="container4" class="container">jQ animate</div>

CSS

    .container          {position:absolute; left:20px; width:80px; height:80px; padding:5px;}

/* transition */
#container1         {top:20px; background:red;
                    -webkit-transition:all 0.3s linear;
                    -moz-transition:all 0.3s linear;
                    -o-transition:all 0.3s linear;
                    -ms-transition:all 0.3s linear;
                    transition:all 0.3s linear;}

#container1.on      {left:250px} /* It moves if from pos absolute of parent, the body tag in this example */



/* 2D translate */
#container2         {top:120px; background:yellow;
                    -webkit-transition:all 0.3s linear;
                    -moz-transition:all 0.3s linear;
                    -o-transition:all 0.3s …

我正在寻找有关如何在 Google 地图上为路线设置动画的帮助/指示。

我不想为标记设置动画，只想为两点之间的路线设置动画，它需要遵循地图上的道路，最好像进度条一样工作。

有谁知道任何例子或起点