继续少说话,多做事的生活。CSS中滑动门技术据说还是使用率越来越高,呈逐年上升趋势。hoho~
      好吧!来个最简单,最基础的滑动门实现,BTW:滑动门经常应用于页面导航菜单(废话)。
      先看个截图:Highslide JS(QQ截图的功能压缩的很厉害)
      这个是用到两张图片:
Highslide JS右边的图片Highslide JS左边的图片
      完整的代码如下(这个是最基本最简单的滑动门,根据字体大小自适应):

用ctrl+滚轮调整字体大小即可看到滑动门效果了!不过不能滚的太大哦~会露馅儿的,IE很照顾人家面子,字体大到一定程度就不滚了。
(题外话:听哥们说SharePoint Designer 2007手写CSS很好用,经不住诱惑的去下载了一个,不错!确实不让人失望,界面让人感觉很是亲切,也许是以前vb用习惯的缘故吧!~微软的代码自动提示功能一直都让人很佩服的,这个sharepoint也一样,还有自动缩进,这篇的代码就是用sharePoint写的。呵呵~)
可能与本文相关的一些内容
自己制作google桌面小工具 有趣的学习JS
js实现的轮换效果 图片+简介同步轮换 兼容多浏览器
网上铺天盖地的纯CSS实现lightbox效果的一点小改动
IE的绝对定位缺陷及修复方案
CSS hack几个新的标识符 - 区分IE7、IE6、FF和Opera
天气情况 08/25/2007 11:30, gently, JS/DIV/CSS, 评论(0), 阅读(1489)
发表评论
开启/隐藏 高级扩展
昵称
密码  游客无需密码
网址
电邮   [注册]