- 博客(6)
- 收藏
- 关注
RSS订阅原创 js中‘+’操作符与‘-’操作符的运算规则
下面是笔试或面试经常会遇到的关于字符串与数字加减的问题： var foo = "11"+2-"1"; console.log(foo); //111 console.log(typeof foo); //number var foo = "11"+2+"1"; console.log(foo); //1121 console.log(typeof foo); //s
2017-04-16 19:15:17
1357
原创 js动画效果之多物体动画
此案例演示的是多物体控制运动 下面两张图片演示的都是鼠标放在当前li其宽度发生变化，先看效果图，看看两图的区别： 对比： 区别就不说了，很简单，原因：控制多物体运动勿使用公共属性，此处图一是这些li公用一个timer，图二给每个li都添加了timer。代码上：window.onload=function(){ var oli=document.getEl
2017-04-14 13:18:07
1462
原创 js动画效果之缓冲动画
此案例基于之前的案例，上两个例子两个物体所做的都是匀速运动，就像火车进站一样，如果在快到达目的地时速度慢下来，视觉效果会更好，就之前的代码稍微改革速度就好了~下面是效果图对比：（由于上传的是.gif格式的图片，可能效果看起来不是很明显，可以自己试下） js代码实现改动部分（其他与之前相同） var speed=Math.floor((iTarget-odiv.offsetLeft)
2017-04-13 08:59:55
2038
原创 js动画效果之透明度变化
此案例总结的是鼠标移入框内透明度渐变的效果，使用原生js、jquery与css3 3种方法分别实现。照常下面是效果图： 下面是js的实现代码：window.onload=function(){ var odiv=document.getElementById("mydiv"); odiv.onmouse
2017-04-11 08:40:30
768
原创 js动画效果之速度动画
此案例实现的是侧边栏的滑入与滑出，主要用定时器来实现物体滑动时速度的控制，从而实现滑入滑出效果，下面是效果图： 下面是实现的js代码：window.onload=function(){ var odiv=document.getElementById("mydiv"); odiv.onmouseover=function(){
2017-04-10 09:47:03
1424
原创 两栏布局左侧自适应
牛客网上碰到的一个题，应该是某公司的笔试题吧，题目描述很简单：实现如下布局。。 分析：顶部header与底部footer都很好实现，主要就是中间content部分的自适应。此处用到了之前的一个方法：margin负值法。 下面上图分析： 嗯，接下来就是上代码了，还是很好理解的。 html <header> <div class="logo">logo</div>
2017-04-01 09:10:32
439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人