13.美化界面--WEB设计器JQUERY插件讲解(含源码)

Posted DotNET 程序猿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了13.美化界面--WEB设计器JQUERY插件讲解(含源码)相关的知识,希望对你有一定的参考价值。

 今天花了一个小时对页面略做了一些美化,看起来更专业了点,

主要是一些背景图片之类的样式调整,初学者可以看下,如何切分spirit图片,以及LI中的元素如何垂直居中的问题(解决方案是li设置height和line-height相同),增加了一个span用于显示图片,它的对齐花了点时间。

代码如下:

sample1.11.zip

直接运行查看 

关键字:设计器源代码,Web设计器,工作流设计器,jQuery插件,组态设计器,SCADA系统设计器,流程图设计,表单设计建模,报表设计,可视化,设计时,运行时,轻量级开放平台。

 

以上是关于13.美化界面--WEB设计器JQUERY插件讲解(含源码)的主要内容,如果未能解决你的问题,请参考以下文章

12.手机端如何拖动组件--WEB设计器JQUERY插件讲解(含源码)

项目前端主要基于JQUERY EASYUI的界面美化

jquery.chosen.js下拉选择框美化插件项目实例

java web项目如何设计漂亮的界面 ?

美化select的jquery插件

滚动条美化插件jquery.nicescroll