- 博客(19)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 javascript 多物体任意运动框架
每个复杂的运动效果都是由简单的效果组成的，我们可以为简单的效果制定一个框架，也就是写一个通用函数，这样可以对元素的任何属性进行变换，复杂的效果就可以很容易实现。 注意事项： 当变换元素的透明度时，需要做特殊处理如果变换元素宽度时，对于有border的元素，如果我们使用obj.offsetWidth来取得元素宽度时，会出现错误，因为offsetWidth包括边框。如果边框是1px，定时函
2014-11-25 16:36:08
845
原创 javascript 悬浮跟随框缓动效果
悬浮跟随框是我们在网页中经常见到的效果，我们还是使用上一实例中的运动框架去实现。 定义一个运动函数，当触发时调用，并且传递一个目标位置作为参数运动函数内部，调用定时函数，在定时函数内部，先求出元素位置与目标位置的距离差，然后除以一个数值作为速度（由于距离差一直在缩小，所以速度值也一直在变小，从而达到缓动效果）由于网页上位置设置最小单位是1px，所以在步骤二中的运算可能会出现小数的情况，我
2014-11-24 18:18:48
1240
原创 javascript 侧边栏一键分享移入移出效果
运动框架： 先要清除定时器，防止多次点击或者移入移出时，开启多个定时器，元素的运动会是所有定时器中运动的总和当达到目的时，要清除定时器（使用if/else 实现） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> N
2014-11-21 16:21:26
1470
1
原创 javascript 淡入淡出效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project #dd{ width:200px; height:200px; background:red; opa
2014-11-21 13:53:44
843
原创 javascript 搜索功能
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project table{ width: 500px; } td{ border:1px solid #ccc
2014-11-20 19:37:12
1951
原创 javascript 排序li
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project window.onload=function(){ var oU1=document.getElementById('uAge
2014-11-20 19:26:34
896
原创 javascript 对表格元素的快捷操作
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project table{ width: 500px; } td{ border:1px solid #ccc
2014-11-19 18:55:37
842
原创 javascript创建删除节点
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project window.onload=function() { var oTx1=document.getElementById(
2014-11-18 19:01:44
468
原创 javascript 无缝滚动源码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 无缝滚动 *{ margin:0px; padding:0px; } #move{ width:920px; height
2014-11-17 09:54:05
452
转载 阿里负责人揭秘面试潜规则
阿里巴巴校招负责人揭秘面试中那些你应该知道的“潜规则”> 最近负责了公司招聘，发现校园招聘这种事情，真是一个奇葩的工作。能做好校园招聘的人，一定是一个矛盾体。 这个人一定是思维缜密，因为流程在这里特别重要，宣讲会、笔试、面试，需要不能出乱子；这个人还需要有创新意识，做好了宣讲会、笔试面试，也就是中规中矩，没啥特色，如果不弄点有新意的东东出来，也很难找到最优秀的人才。 有人说，这个
2014-11-16 13:33:07
574
转载 JavaScript初学者福利！必须收藏的24条小技巧
这篇文章将回顾JavaScript的知识 ！如果你看完了下面的内容，请务必让我们知道你掌握的小技巧！ 1.使用 === 代替 == JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——《JavaScript：语言精粹》然而，当使用==和！
2014-11-16 11:52:38
616
原创 javascript 延时提示框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project div{ margin:10px; float:left; } #div1{ width:50px
2014-11-15 21:11:04
515
原创 javascript制作的时钟
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project body{ margin:0px; padding:0px; } #timer{ mar
2014-11-15 20:18:25
628
原创 javascript 获取非行间样式
html页面代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project #div1{ width: 200px; height: 200px; background: red;
2014-11-14 21:02:17
528
原创 选项卡制作学习
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project #contents div{ width:230px; height:300px; background-co
2014-11-07 10:33:40
455
原创 jQuery幻灯片效果源码赏析
jQuery幻灯代码 *{ margin:0; padding:0; } body{ background:#222; margin:30px auto; width:960px; } /* slide */ #slide{ width:960px; height:300px; background:#FFF; overflow:hidden; position:relati
2014-11-01 22:41:59
561
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人