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

CSS3 tooltips 浮动显示提示说明 微信扫一扫
分享给朋友

  这个tooltips,一般是用在按钮、图标或者其他网页元素上,用来详细说明按钮或者图标用途什么的,或者其他什么附加内容需要给用户提示的。有了它,对浏览网页的用户来说无疑是更方便了,不过这个tips的样式是纯粹由CSS3打造,所以,IE6这样的老古董估计看起来会有所不同,同时,因为IE6不支持hover这个属性,所以还要借助jQuery来搞定。
  具体的HTML和CSS代码,请查看下面帧页面的源代码。鼠标移动到带下划线的文字上就能看见Tips了^_^

jQuery plugin : jNiceIt 自定义样式 Form 及相关元素 微信扫一扫
分享给朋友

  Form 相关元素有Button、Input、Checkbox、Radiobutton、FileUploadInput、Select、List、TextArea。这个jQuery的插件jNiceIt可以让你完全控制你的Form及其相关元素的样式,具体样式就看你能设计成什么样子了。所有样式都通过CSS样式表来定义和控制,同时,本插件支持Fixed和Fluid两种页面流。jNiceIt 自定义样式 Form 及相关元素

jQuery_Plugin_jNiceIt.rar
62.81KB

jQuery plugin : Selectyze 自定义样式的 Select 下拉选择框 微信扫一扫
分享给朋友

Selectyze : SKIN YOUR OWN SELECT LISTS WITH JQUERY & CSS
  折腾网页的筒子们,基本都知道表单里有几个顽固分子,Select下拉选择框、Radio单选按钮、Checkbox复选框,这三个东东无法用样式表来直接定义它们的样式,比如下拉框弹出列表的高度,下拉框的皮肤,单选按钮和复选框的皮肤。现在可以通过jQuery再加上CSS来美化他们了。本文仅仅介绍的是美化Select下拉选择框,Radio和Checkbox也有相关的jQuery插件可以搞定,且听下回分解。 jQuery plugin : Selectyze 自定义样式的 Select 下拉选择框

jQuery_Selectyze_v1.1.rar
47.25KB

jQuery plugin : liteAccordion 手风琴展示效果插件 微信扫一扫
分享给朋友

  liteAccordion 手风琴拉箱展示效果插件,可以用作图片广告展示或者多页图文内容的集中展现,可定制参数很丰富,插件本身带有四种不同的风格,通过参数来选择风格,当然,你也可以自定义风格。可以设置鼠标点击切换,或者是鼠标经过标题栏时切换。
  手风琴拉箱切换效果也可以设置,插件本身调用了jQuery.easing,所以效果有很多种,效果参数名参考这里:http://jqueryui.com/demos/effect/easing.html

nikki-liteAccordion.rar
346.72KB

jQuery plugin : bgStretcher 背景图片切换效果插件 微信扫一扫
分享给朋友

  bgStretcher 2011 (Background Stretcher)是一个jQuery的插件,可以为你的网页添加多张背景图,且多个背景图能够自动切换,同时背景图大小可以自适应浏览器窗口的大小。背景图的切换效果有淡入淡出,滚动,幻灯,其中选用滚动和幻灯时,可以选择方向,上下左右,或者左上右下,右上左下。图片切换顺序也可以设置正向,反向或者随机。更多选项就看你自己慢慢研究了。

jQuery_bgstretcher-2.rar
212.56KB

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