• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 40个CSS/JS风格和功能技术处理

40个CSS/JS风格和功能技术处理

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含CSS,JS风格等相关知识,佚名 希望在学习及工作中可以帮助到您

1-Styling dropdown select boxes-  修饰下拉列表。

form field


2-<select> Something New, Part 1-  使用一点 DOM scripting 和一些有创意的CSS,你能让下拉列表好看的多。

form field


3-Styling even more form controls- 这是对HTML表单元素的控制,通过CSS能控制checkbox选择的不同显示效果。

form field


4-Check it, don’t select it- 当多选框选择元素太多,让选择项可以滚动的效果。demo代码在这里: here.

form field


5-DropDown - xHTML/CSS/Javascript replacement of classic selectbox- 这是一个替代传统下拉列表的demo。

form field


6-Masked Input Plugin- 这是对jQuery库进行修改后的效果,提供给用户更方便输入和进行验证。代码在 Internet Explorer 6/7, Firefox 1.5/2, Safari, 和 Opera上测试通过.

form field


7-Custom Checkbox with jQuery- 提供定制化的checkbox效果。有 Safari skin 和 default skin两种皮肤供选择。

form field


8-LiveValidation- LiveValidation 是一个小开源 javascript 库,提供客户端输入验证。

form field


9-FancyForm- FancyForm 是一个强大的checkbox替代脚本,在外观和功能方面提供最强的灵活性。

 

form field


10-Styling disabled text inputs-  一个不可输入的文本输入框。查看demo代码: Styling disabled form controls with CSS

form field


11-PrettyCheckboxes- 一个简单的 jQuery 插件 来定制checkbox和radio buttons的外观。

form field


12- Building a better web forms: Context highlighting using jQuery- 当用户输入焦点变化时,输入框效果变化,demo代码在这里:here

form field


13-Control.SelectMultiple  这是下拉列表和checkbox同时使用的例子,很酷。

 

form field


14- Justify elements using jQuery and CSS- 创建一个表单,内部元素需要精确定位对齐,你可以使用jQuery轻松做到这一点.

form field


15-jQuery Form Input Example Plugin- 一个 jQuery 插件,在用户输入焦点进入后提示文字消失,很多网站用这一招。demo代码在这里: here.

form field


16-Jquery-Autotab- 自动tab跳转,也是一个 jQuery 插件。

 

form field


17-jquery-asmselect- 下拉列表的增强版。demo代码这里: here and here.

您可能想查找下面的文章:

  • html、css基础注意点(前端必看篇)
  • 关于CSS absolute与relative不得不说的话
  • 响应式设计你需要了解的知识点
  • CSS3的几个标签速记(推荐)
  • CSS样式表与格式布局详解
  • 那些你所不知的CSS ::before 和::after 伪元素用法
  • css前端知识点总结(必看篇)
  • CSS3实用方法总结(推荐)
  • 分享15个最佳的HTML/CSS设计和开发框架
  • Bootstrap3.0学习笔记之CSS相关补充

相关文章

  • 2018-08-23写给设计师看的基础数据知识
  • 2018-08-23会员中心如何设计,用户才会买单?
  • 2018-08-23看似简单的喜马拉雅FM主播等级体系,是如何做改版设计的?
  • 2018-08-23超全面!为什么越来越多的移动App 使用插画设计?
  • 2018-08-23Airbnb 用这个流程,大幅提高了开发和设计的协作效率
  • 2018-01-07React 安装
  • 2018-08-23交互基础小课堂!如何利用 “峰终定律” 改善用户体验?
  • 2017-08-065个步骤实现响应式Web设计方法 与瀑布模式说”再见”(图文教程)
  • 2018-08-23如何将品牌与UI完美结合?Google新规范告诉你答案
  • 2018-08-23在可用性测试中,如何做好任务评估模型与计量方式?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 上亿人使用的百度贴吧,是这么做设计改版的!
    • 超全面!值得新手学习收藏的平面设计版式法则大全
    • 网页自动刷新与自动跳转示例代码
    • 亲历经验!没有学位和工作经验要怎么找到UX设计的工作?
    • 专业科班方法!写给视觉设计师的印刷基本知识和技巧
    • 配色高手系列!聊聊“黑色”在电商设计里的常用搭配技巧!
    • 单身设计狗春节自救指南!速看!
    • 我回顾了App Store 十年来的视觉变化,告诉你设计趋势是如何演变的!
    • 版本控制工具 Abstract 是如何提升设计团队协作效率的?
    • 用超多实例,解析「交互设计七大定律」在设计中的应用(上篇)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有