09 2008 档案

CSS定高多行垂直居中
摘要：用Table布局可以很容易的实现文字和图片的垂直居中，但是在div的布局中呢，要实现定高容器里面的内容的垂直居中不是太简单的事情。 在DOM标准中 在IE中 综合 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->#boxOuter {... 阅读全文

posted @ 2008-09-29 18:42 LongWay 阅读(531) 评论(0) 推荐(0) 编辑

简易而又灵活的Javascript拖拽框架（四）
摘要：一、开篇 似乎拖拽已经被写烂了，没得写的了，可是我这次又来了～ 上一次写的是跨列拖放，这次我要带给大家的是跨页拖放。 可以到这里来看看效果：示例效果 说明：1、如果将方框拖动到页签上立刻释放掉的话，则会被添加到该页的第一列的第一个位置； 2、如果将方框拖动到页签上并且停留片刻的话，则页面就会转换到该页，这个时候可以在页签上释放，也可以将方框拖动到此页的具体位置释放。 二、原理 ... 阅读全文

posted @ 2008-09-23 16:23 LongWay 阅读(4432) 评论(20) 推荐(0) 编辑

JavaScript中的面向对象----类
摘要：一、开篇 （以下文字一部分来自于整理的书籍内容，一部分则是总结自经验） 众所周之，JavaScript是面向对象的语言。JavaScript的对象有三种：本地对象、内置对象、自定义类的对象。 其中本地对象和内置对象都是独立于宿主由ECMAScript实现的。这里所说的本地对象和内置对象实际上跟.Net中的类的概念相似。本地对象和内置对象的区别在于本地对象在使用时要实例化，而内置对象就像所... 阅读全文

posted @ 2008-09-21 08:48 LongWay 阅读(2301) 评论(17) 推荐(0) 编辑

运用CSS进行灵活的列布局
摘要：一、开篇 现在的网站的主体部分很多都采用了列布局，常见的情形如下： 在ASP.NET中，每个页面重复的部分可以写在MasterPage中去（比如上图中header、footer以及body的外框）。 那么body里面的列布局到底写到MasterPage里面还是在每个页面都写一次呢？ 在我看来有三种方式： 1、在MasterPage中只写body的外框，body里面的列布局由每个页面自己来写，这... 阅读全文

posted @ 2008-09-18 07:28 LongWay 阅读(634) 评论(0) 推荐(0) 编辑

简易而又灵活的Javascript拖拽框架（三）
摘要：一、开篇 这是这个拖拽系列的第三篇了，第一篇简单的介绍了一下这个拖拽框架，第二篇用这个框架做了一个Tab标签的拖放。这次用这个拖拽框架做一个更复杂一点的效果——跨列拖放。就像iGoogle和netvibes的个性页面布局那样。 二、原理 框架在第一篇做了介绍，这里直接使用。 首先要找到每个可以拖动的item，对于每个拖动的item，对其注册组件Drag.init(handle,dr... 阅读全文

posted @ 2008-09-16 15:17 LongWay 阅读(4844) 评论(26) 推荐(2) 编辑

简易而又灵活的Javascript拖拽框架（二）
摘要：一、开篇 在上一篇中，似乎不出来这个框架有多强大。是因为我们实现的效果太简单了，还不足以体现框架的强大和灵活，在这一节中，用这个灵活的框架轻易的来实现拖放！ 二、原理 框架的原理在上一篇文章中介绍了，这里就不在重复，直接开始使用这个框架了 首先通过Drag.init来注册拖动组件； 分析： 1、拖动开始的时候 将dragGhost插入到鼠标拖动的那个元素，鼠标拖动的元素的posit... 阅读全文

posted @ 2008-09-16 10:35 LongWay 阅读(2203) 评论(3) 推荐(2) 编辑

简易而又灵活的Javascript拖拽框架（一）
摘要：一、开篇 最近在做js拖拽的时候，发现了一个强大而又灵活的拖拽框架，（之前用了代码混淆器，还好代码比较短，我就翻译过来了）利用这个框架不仅能实现简单的拖动，更能轻易的实现各种复杂的拖放功能。这一篇先实现最简单的拖拽，稍微复杂的拖放将在后面的文章里写出来。 二、代码 先把代码贴出来 Code Code highlighting produced by Actipro CodeHighlighte... 阅读全文

posted @ 2008-09-16 10:00 LongWay 阅读(6676) 评论(15) 推荐(1) 编辑

CSS Collections
摘要：1、 链接样式定义的顺序： a:link a:visited a:hover a:active 2、 IE下块元素float时，margin要加倍： 解决办法是：在浮动元素上加上display:inline; 3、 透明度的设置 opacity: .8;（ff下的设置） filter: alpha(opacity=80);（ie下的设置） 4、 ie中的空div是会有一定高度的。 5、 ... 阅读全文

posted @ 2008-09-10 07:44 LongWay 阅读(355) 评论(0) 推荐(0) 编辑

Javascript滑动菜单（二）
摘要：一、开篇 在上一篇中介绍了鼠标点击然后弹出菜单的滑动菜单，这一篇介绍鼠标移动弹出菜单的滑动效果。个人认为鼠标移动的这种滑动菜单更复杂一些。 二、原理 再次引用上一篇的图 这种菜单和鼠标点击的菜单又有很大的不一样了，下面说一下我这种菜单是如何工作的： 1、首先滑动这种效果的基本原理在上一篇已经详细说明了，在这里就不多说了； 2、将按钮和菜单以及他们的所有子元素都添加一个menugrou... 阅读全文

posted @ 2008-09-04 01:51 LongWay 阅读(3785) 评论(2) 推荐(0) 编辑

Javascript滑动菜单（一）
摘要：一、开篇 在研究CS08的时候，看到后台管理的Dashboard滑动按钮做得很漂亮，于是自己就动手写了一个，在这里与大家分享。菜单展开可以是鼠标点击按钮，也可以是鼠标移动到按钮上，在这里先介绍鼠标点击的这种菜单。 二、原理 基本原理很简单，就是将需要滑动的菜单放在一个overflow为hidden的容器里，然后控制菜单相对于容器的top属性，实现下拉的效果。 但是实际上也没这么简单，因为要遇到... 阅读全文

posted @ 2008-09-04 00:49 LongWay 阅读(4928) 评论(4) 推荐(0) 编辑

Javascript实现最简跨平台面向对象拖拽
摘要：一、开篇 拖拽已经是个Javascript的老话题了，但是也是最经典的问题之一。在这里，我用面向对象的方法实现了简单的拖拽，这是做复杂js效果的基础。 二、原理 拖拽的原理很简单，就是捕获鼠标事件，作出应有的相应。 需要处理的鼠标事件有三个：mousedown mousemove mouseup，下面分别介绍在各个事件需要处理一些什么事情。 1、 mousedown （1） 将鼠... 阅读全文

posted @ 2008-09-03 01:28 LongWay 阅读(1289) 评论(4) 推荐(0) 编辑

Javascript实现缓动效果
摘要：一、何为缓动效果 缓动效果在任何软件上都是常用的，尤其是在web开发里。 所谓缓动效果，即是说元素的运动不是匀速的，而是由快到慢或者由慢到快这样变化的。缓动效果可以使得页面看起来更豪华，提高网页的质量。 二、原理 我的这种缓动效果的实现方法来源于大家都非常熟悉的Flash。在创建动画补间的时候，下面会有缓动的选项： 改变右边缓动的数值可以实现缓动效果，数值为正的时候就先快后慢，数... 阅读全文

posted @ 2008-09-02 22:17 LongWay 阅读(1278) 评论(2) 推荐(0) 编辑

点击右上角即可分享
微信分享提示