09 2011 档案

自己写出的基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果）。
摘要：之前写的代码，都是在当前窗口位于居中，可是一旦窗口缩小或者放大都不是位于居中的位置了，但是一直想写的一个类似于alert弹出窗口的效果。原理很简单：获取当前屏幕（窗体）的宽度和高度，因为不同浏览器的窗体大小是不一样的。有了这个，可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢？这个时候就要获取当前窗体距离页面顶部的高度，加到刚刚的y轴坐标即可。$(document)是获取整个网页的，$(window)是获取当前窗体的，这个要搞清楚。最后把获取的坐标赋给窗体即可，窗体本身是绝对定位的，所以自然可以到窗体中间。具体代码： 1 <!DOCTYPE HTML> 2 <h 阅读全文
posted @ 2011-09-28 22:33 limanclear 阅读(13971) 评论(5) 推荐(1)
封装了一个图片轮换效果的函数。
摘要：图片轮换的效果随处可见，但是我还是试着封装了一个函数。一个页面上可以多次调用。。。由于初学代码写的不是多好，其中有个文件是可以踢出到一个js文件里的，这是为了测试方便，我都给放在了一个页面里了。其中如果有问题，有更好的意见或者建议都可在最后留言，都将对您感激不尽。具体的代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 5 <ti 阅读全文
posted @ 2011-09-28 22:02 limanclear 阅读(525) 评论(0) 推荐(0)
基于jquery的一个 拖拽到指定区域内的效果。
摘要：这两天一直在整这个拖拽的效果，既然学习就要把一个特效的各个方面考虑周全，这样才学到真正的知识。可不，又整理了一个 拖拽的特效。这个可与前两个不同了，这个是拖拽到指定的区域内的特效。其实逻辑方式差不多，只不过不同的是 找到目标元素，用appendTo 的方法插入到目标元素。具体的代码如下，有兴趣者可以试下。（由于是初学，做的简单，请大侠指点一二。。。） 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/htm 阅读全文
posted @ 2011-09-20 22:59 limanclear 阅读(2779) 评论(6) 推荐(0)
简单的jquery拖拽排序效果
摘要：上篇文章 写了简单的跟随鼠标移动效果。这个拖拽排序的效果的区别在于： 运用了插入insertBefore 和 insertAfter 的方法步骤：1.实现随鼠标移动的效果；2.初始化一个元素及其坐标；3.拖拽对象的最后坐标，与元素的坐标 进行计算和判断 来确定 要插入的目标元素；4.用insertBefore 方法 插入到目标元素的前面具体代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/htm 阅读全文
posted @ 2011-09-19 22:08 limanclear 阅读(20347) 评论(11) 推荐(1)
基于jquery的一个简单拖拽功能
摘要：拖拽功能，首先是需要 mousedown,mousemove,mouseup 这三个事件的，然后最主要的是怎么样计算 目标元素 随鼠标移动的坐标 。1. 在mousedown事件里，获取鼠标点击时的坐标:initPos.x | initPos.y 和 目标元素的坐标: $target.offset().left | $target.offset().top, 计算出 当时鼠标 相对 目标元素左上角的 坐标relPos.x = initPos.x - $target.offset().left , relPosy = initPos.y- $taget.offset().top。2. 在mous 阅读全文
posted @ 2011-09-08 17:49 limanclear 阅读(1938) 评论(3) 推荐(0)