07 2012 档案

JS实现图片跟随鼠标移动
摘要：在很多网站上能看到图片跟随鼠标移动的JS特效，其实做法很简单，在这里与大家分享下。在实现这个特效之前，需要了解JS中一个对象，event(事件对象)，对，只需了解这一个对象。它的方法属性我不多说了，想详细了解的童鞋点击这里。我们用到的只有这个对象的两个属性，clientX与clientY，就是触发当前事件(可能是Click,也肯能是onmousemove等等事件)时鼠标在窗口区域的X,Y坐标(它们都是只读属性，所以只能get,不能set)，说到这里可能很多童鞋已经知道怎么做了，没错，就是这样!把得到的坐标赋值给图片定位属性中的Left与Top即可，很简单吧！下面提供一个实现的小Demo.材料： 阅读全文
posted @ 2012-07-21 11:56 叶子伟 阅读(2898) 评论(4) 推荐(2)
网页特效过渡功能
摘要：如何在网页进入和离开时以特效如百叶窗，卷帘等效果显示呢？其实很简单，只要在网页的<head></head>标签之间加一个特别的<meta/>就好了，具体如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)">http-equiv="Page-Enter"：此属性设置特效发生的时期，具体值有Page_Enter : 进入页面时期Page-Exit : 离开页面时期Site-Enter 阅读全文
posted @ 2012-07-20 12:29 叶子伟 阅读(525) 评论(0) 推荐(1)