文本框textarea是在网站中经常用到到多行文本输入标签,例如本文下面的留言输入框。一般情况下,我们会通过指定textarea的rows和cols属性来控制大小。当在textarea输入较多文本超过预设行数时,就会出现侧边滚动条。这样难免会将部分文本遮挡,当想回顾已输入内容时,还要去拖动滚动条,来来回回,煞是不爽。如果可以让textarea根据用户输入的文本内容自动扩展,就可以解决这个问题了,有助于改善用户体验。“autoresize”这款jquery插件就是用来解决这个问题的。
电脑屏幕空间终究是有限的,在有限的页面空间上,合理的布局和内容分配是Web设计师需要考虑的。有时有些信息元素,我想放在博客上,却往往找不到合适的位置,十分挠头。国外一位Web设计师提出了一个基于jQuery的PageSlide的效果,我感觉特别有创意,需要的时候也许能用上,在这里介绍给大家。
在本系列文章的前五篇介绍了jQuery Tools中的工具组件使用,阅读过的朋友想必已经对它有所了解。今天这篇是jQuery Tools系列文章的最后一篇,来介绍一个综合了jQuery Tools中的滚动效果(Scrollable)、遮罩效果(Overlay)、提示工具条(Tooltip)和突出效果(Expose)的综合使用实例,希望能对jQuery Tools的灵活使用有更好的认识。
接上篇,今天讲解jQuery Tools中另一工具组件——滚动效果(Scrollable)。滚动效果在网页设计中也是经常用到的,例如滚动新闻、幻灯片展示、相册……(发挥想象力吧,用到选项卡的内容切换中是不是会很酷)。
上一篇讲解了jQuery Tools中Tabs选项卡的用法和示例,本篇继续以示例的形式讲解Jquery Tools中的另两个组件tooltips(提示工具条)和expose(突出效果)。
jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且,jqPlot具有插件可扩展性(Pluggability),你可以编写自己的图表样式。jqPlot在之前有人介绍过了,这里我主要介绍它的一些用法和示例。
在网页设计中,当页面较长或是想实现一个导航效果时,我们经常会用锚点来实现同一页面间不同位置的跳转。但是这样做也许会造成用户的一种困惑——当用锚点跳转时,页面内容瞬间发生了改变,用户也许就会想:我还在原来的那个页面上吗?如果我们能把这种情况做成平滑滚动的效果(而非瞬间跳转到页面的另一个位置),就可以获得一个好的用户体验。

