摘要:
这次学习的是一个手风琴的图片切换,主要是学习如何巧妙地布局。首先把整体的div分为<span>与<img>两部分,当鼠标触发事件是当前<span>则无需变化,否则展示图片逐渐缩减,当前图片逐渐增加。实现代码如下:var aLi = oDiv.getElementsByTagName("li"); var aSpan = oDiv.getElementsByTagName("span"); var iWidth = oDiv.offsetWidth; var w = 0; //改变的width var speed = 0 阅读全文
摘要:
苹果的效果无可否认地让人愉悦,今天学习JS的时候,刚好学习了一个仿制Mac效果的js。实现起来其实很简单,用到了勾股定理来确定变化的系数。是不是能做些邪恶的东西呢~目前还有个问题待解决,在Y轴上设定一个范围有点问题,导致隔着老远都能打着牛或者卡着,与博客的某些样式有点不融洽呢~~~for(i;i<oImg.length;i++){ var x = oImg[i].offsetLeft + oImg[i].offsetWidth/2; var y = oImg[i].offsetTop + oWrap.offsetTop + oImg[i].offsetHeight/2; var di.. 阅读全文