当前位置:首 页>> 百 宝 箱

CSS-ONLY 内容展示切换效果 微信扫一扫
分享给朋友

  此展示效果,宽高自适应浏览器窗口大小,且仅使用CSS完成切换效果。切换导航按钮使用的是Radio button组合,通过CSS来切换不同内容,切换效果平滑。因为是使用了CSS3的很多属性,所以IE9以下的全军覆没,看不到效果,但还能切换。新版浏览器如Chrome、Firefox、Opera、Safari都没啥问题。
  原先演示内容英文的,俺翻译+替换成了中文,增加了图片背景,其他未动。喜欢的同学可以自己定制。点击下面图片查看演示。
CSS-ONLY 内容展示切换效果

SmoothTransitionsResponsiveLayout.zip
200.31KB

CSS3 打造的巨幅下拉菜单 微信扫一扫
分享给朋友

  这种下来菜单用的比较多了,一般是用在网站导航条上,如果需要给用户呈现的导航内容详细的话,这种巨幅菜单就少不了的。其他的这种下拉菜单也不少,之所以介绍这个,是因为这个下拉菜单兼容性非常好,IE6-9通吃,功能是没问题的,无非是IE6-8不支持一些CSS3的新属性,其他新版浏览器如Chrome、Firefox、Opera、Safari等都是没问题的。 点击下面图片查看演示。 CSS3 打造的巨幅下拉菜单

CSS3_Mega_Drop-Down_Menu.zip
83.81KB

CSS3 & jQuery : 仿 Google Play's 迷你标签导航 微信扫一扫
分享给朋友

  这种标签内容导航很常见了,有很多种实现方式,都是为了在页面上显示更多的内容而不用刷新页面。下面这个标签导航,是基于CSS3和jQuery的,且是仿 Google Play's 的。
  看看吧【https://play.google.com

  本身这个标签导航是没有用到任何图片的,纯纯的CSS3+HTML,辅之以jQuery,上面演示帧页面中的图片是俺为了切合文字美化了一下。按照原页面的教程,标签的几块内容,在页面刷新时会闪一下全部内容,俺就稍微在CSS里收拾了一下。

人间有净土 新疆喀纳斯 微信扫一扫
分享给朋友

  顺道还给喀纳斯整了一个LOGO。
  也是纯属娱乐,版权所有。
  如需商用请联系俺,谢谢。 人间有净土 新疆喀纳斯

西部铜城 白桦之乡 - 中国 新疆 哈巴河 微信扫一扫
分享给朋友

  上个月底,看见报纸上哈巴河宣传部在征集形象宣传语和LOGO的启示,就抽空练练手,重在参与吗,毕竟俺不是专业学美术出身的,也没有啥美术功底,已经投稿,纯属娱乐。当然,如果人家看不上也没关系,我自己瞅瞅也行啊,起码版权所有还是俺的。 西部铜城 白桦之乡- 中国 新疆 哈巴河

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。