标签:CSS3

使用CSS3和jQuery可伸缩的搜索条

使用CSS3和jQuery可伸缩的搜索条

2013年12月09日作者:月光光

搜索条在我们网站是必不可少的,尤其是在有限的页面空间里,放置一个重要的搜索条是个难题,今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。阅读全文

使用CSS3制作漂亮的按钮

使用CSS3制作漂亮的按钮

2013年11月16日作者:月光光

今天我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮,它不需要任何图片和javascript脚本,只需要CSS3就可以轻松实现按钮效果,并且可以适用于任意HTML元素,想div,span,p,a,button,input等等。阅读全文

超酷的固定菜单页面滚动效果

超酷的固定菜单页面滚动效果

2013年04月14日作者:月光光

在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下。当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式。阅读全文

HTML5+CSS3打造可自动获得焦点和支持语音输入的超酷搜索框

HTML5+CSS3打造可自动获得焦点和支持语音输入的超酷搜索框

2012年12月13日作者:月光光

随着HTML5的深入人心,越来越多的新功能得以应用。HTML5与CSS3相结合可以非常简单的实现很多超酷的效果。本文为您讲解使用HTML5和CSS3打造自动获得焦点、支持语音输入的超酷的搜索框。阅读全文

使用jQuery和CSS将背景图片拉伸

使用jQuery和CSS将背景图片拉伸

2012年11月26日作者:月光光

现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。阅读全文

jQuery实现返回顶部按钮效果

jQuery实现返回顶部按钮效果

2012年11月18日作者:月光光

当用户浏览很长的页面时,可以通过点击页面右下角的“返回顶部”按钮直达页面顶部,以方便用户进行下一步操作。本文将使用jQuery结合CSS实现可以自由定制的各种“返回顶部”的效果。阅读全文

响应式WEB设计:将导航菜单转换成下拉菜单以适应小屏幕设备

响应式WEB设计:将导航菜单转换成下拉菜单以适应小屏幕设备

2012年06月01日作者:月光光

移动互联网时代的到来,使得我们在进行页面设计与开发时,应当根据用户行为以及设备环境(系统平台、屏幕尺寸)进行相应的响应和调整,这个理念也叫响应式WEB设计。今天我将给大家讲解当屏幕尺寸变小时,将横向菜单转换成下拉菜单的效果。阅读全文

jQuery+CSS实现垂直滚动效果

jQuery+CSS实现垂直滚动效果

2011年08月23日作者:月光光

当要在页面上有限的区域内展示很多内容时,我们通常采用TAB切换、滚动等方式来达到展示效果。本例中,我们利用jQuery和CSS可以使页面内容产生垂直滚动的效果,还支持鼠标滚轮驱动。阅读全文

使用jQuery和CSS控制页面打印区域

使用jQuery和CSS控制页面打印区域

2011年02月24日作者:月光光

有时我们需要打印页面中的某一区域的内容,比如只打印页面中的表格部分,其他如页头和页脚都不需要打印。解决办法有多种,本文只探讨使用CSS和jQuery实现的方法。阅读全文

使用CSS让DIV固定位置

使用CSS让DIV固定位置

2011年01月05日作者:月光光

本文将讲述如何使用CSS让DIV固定在页面的左侧,而页面右侧内容滚动时,左侧位置不随页面滚动。这种效果在很多地方得到应用。阅读全文