小编Cam*_*Cam的帖子

HTML5/js - 如何在两个坐标之间设置直线动画?

足够简单的问题(可能是错的)

我希望使用HTML5和/或Jquery在一条直线上的两个点之间进行动画制作.

ctx.beginPath();
ctx.moveTo(0, 0); // a
ctx.lineTo(100, 100); // b
ctx.stroke();
Run Code Online (Sandbox Code Playgroud)

http://jsbin.com/enobes

编辑:我正在为路径动画开发的jquery插件http://lazylinepainter.info/

例

html jquery

12
推荐指数
2
解决办法
2万
查看次数

溢出:隐藏在FF中

我遇到溢出问题:隐藏内容,但仅限于FF. 在此输入图像描述

我有两个div(垂直箭头的每一边,见上文)每个都有溢出:隐藏应用遮蔽它们各自的子div.子元素正在通过jQuery旋转onscroll事件.无论出于何种原因,每个子元素中的背景图像都不会被父div所掩盖.

看到这种不一致; http://www.pearman.com.au/

奇怪的是,在检查Firebug中的任何父级CSS属性时会出现子内容.

编辑:找到CSS/HTML/JQuery

每次更新onscroll时都会运行此代码(很多);

    scrollAnimations.push({ 'start': 0, 'end': 450,
                'callback': function(scrollTop,scrollDirection){ 
                    ran_one.css({
                        '-ms-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        '-webkit-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        '-moz-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        '-o-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        'transform': 'rotate('+ -(scrollTop)*0.4 +'deg)' })
                    }
                });
            scrollAnimations.push({ 'start': 0, 'end': 900,
                'callback': function(scrollTop,scrollDirection){
                    ran_two.css({
                        '-ms-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        '-webkit-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        '-moz-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        '-o-transform': 'rotate('+ -(scrollTop)*0.4 +'deg)',
                        'transform': 'rotate('+ -(scrollTop)*0.4 +'deg)' })
                    }
                });
Run Code Online (Sandbox Code Playgroud)

CSS;

#rainbow-mask-right{
        width:421px;
        height:421px;
        display:block;
        position:absolute;
        bottom:0;
        left: 50%;
        overflow:hidden;
        } …
Run Code Online (Sandbox Code Playgroud)

html css firefox jquery

7
推荐指数
1
解决办法
360
查看次数

preventDefault()无效('submit')

我无法获取我的on('submit')事件处理程序以阻止使用event.preventDefault()提交表单;

 $("section.shopping-cart").on('submit','form.adjustform input[type="submit"]', function(event)     {   

      // code

      event.preventDefault();
 }) 
Run Code Online (Sandbox Code Playgroud)

我曾经使用on('click')并使用return false.虽然我已经读过上述方法是正确的方法.

谢谢,Cam

javascript jquery

3
推荐指数
1
解决办法
1997
查看次数

标签 统计

jquery ×3

html ×2

css ×1

firefox ×1

javascript ×1