发新贴  快速回复

仿妙味视频集合页效果,三角函数问题?

水月
2014-12-20 13:34
 本帖最后由 水月 于 2014-12-22 10:30 编辑 

做了个仿妙味视频集合页效果的页面,但是存在一些问题,希望讲师给予纠正?
经测试这其中的方向判断是正确的
ghostdp
首先你这事件会触发多次,这个是有问题的,

应该在ali[i].err==function(){中进行方向的判断。让over这种事件只绑定一次就可以啦。

2014-12-23 10:26  回复本帖
水月
forum.php?mod=redirect&goto=findpost&pid=34101&ptid=11088
首先你这事件会触发多次,这个是有问题的,

应该在ali.err==function(){中进行方向的判断。让over ...

各个方向的运动代码都正确了,但是由于其他方向也会触发,出现闪动,原生js如何禁止兄弟级元素触发onmouseover?
2014-12-23 15:59  回复本帖
 
莫涛
 建议把代码整理优化一下,写的比较的臃肿。具体的解决方案看附件
2014-12-23 19:08  回复本帖
水月
 本帖最后由 水月 于 2014-12-30 17:30 编辑 

forum.php?mod=redirect&goto=findpost&pid=34126&ptid=11088
建议把代码整理优化一下,写的比较的臃肿。具体的解决方案看附件
刘伟老师,代码我已整理优化了,但是效果有时对有时不对(例如从图片右上角的上边移下,遮罩层跟着往下,往上移出有时候会从右边移出),求纠正!
还有为什么还要加定时器??
2014-12-30 16:00  回复本帖
水月
forum.php?mod=redirect&goto=findpost&pid=34126&ptid=11088
建议把代码整理优化一下,写的比较的臃肿。具体的解决方案看附件

莫涛帅哥,domove函数外面为什么还要加定时器啊?
2014-12-31 11:03  回复本帖
 
莫涛
延迟下执行哈
2015-01-04 14:11  回复本帖
水月
forum.php?mod=redirect&goto=findpost&pid=34464&ptid=11088
延迟下执行哈
延迟了还是有点问题啊,就是移出Li的时候,遮罩层有时没有按照正确的方向移动,莫兄能帮我看看不
2015-01-04 17:11  回复本帖
ghostdp
forum.php?mod=redirect&goto=findpost&pid=34475&ptid=11088
延迟了还是有点问题啊,就是移出Li的时候,遮罩层有时没有按照正确的方向移动,莫兄能帮我看看不 ...

看了下代码,发现真的很乱啊,出问题也是很正常的。

所以我的建议是重构你的代码:

首先要有一个封装函数:

function getDir(obj,json){
                      //反三角函数操作。

      return num; 
            }
var num = getDir(this,{x : ev.clientX , y : ev.clientY});    //当前操作元素,和坐标值

num的值可能是 0 上   1下   2左  3右

然后根据num返回的结果去进行后续的运动。

这样不管你mouseover还是mouseout都可以调用这个getDir方法。

当代码清晰的时候,效果也就不会有太大问题了,后期维护和查找问题也就方便了许多。



2015-01-05 10:52  回复本帖
水月
forum.php?mod=redirect&goto=findpost&pid=34496&ptid=11088
看了下代码,发现真的很乱啊,出问题也是很正常的。

所以我的建议是重构你的代码:


谢谢您的建议!问题已经解决了,原来是最外层err=事件替换成err=就没问题了,我想把效果实现了再优化代码的
2015-01-05 14:55  回复本帖
登录 后才可以发表回复