关于程序中文件上传的css和js

首先来说css

我们通常看到的upload是这样。

这样的是很单调的,样式。

后来的美化样式是这样的。

下面是html代码,基本思路就是用一个层覆盖了。

QQ截图20151026153257

同时使用了这样的,js。

 

 

 

select表单的美化

这两天做程序的时候碰到了,关于select表单的美化,思前想后觉得伪造是比较好的方法。

在不使用jquery别人写好的插件的时候。这是个想法。

原理:先通过select表单,把相关的div和ul li伪造成表单的样式,select表单隐藏,通过js操作伪造的div对select表单进行控制。最后达到正常的表单提交的方法。

html在这里

当然你也可以使用先伪造表单在通过<input  type=”hidden” value=”” />中的value值来进行提交,过程略显得简单。

不过,需要注意的是,伪造表单中ul li的li中的可以自定义一个属性值,比如data来存放select option 的value值。然后把这个value值发送给input的value中。

fade in 的试用

主要是淡入淡出的使用。

给一个图片列表,让他一次淡入淡出的展现。给予按钮。

宗旨:就是两个绝对定位的块,来回上,换图片来回上。

以下是js

 

关于联动菜单2

上次写了一篇关于联动菜单的。http://www.caisangzi.com/blog/?p=715

不过那是一个表,也就是说二级都是在一个表中。

这次的我把父级菜单和子集菜单做了两个表。子集和父级也是通过外键关联的。

js代码如下。

html代码如下其实就是根据id来做

php代码输出数据仍然用json

里面有orm的映射

基本思路和上次那个联动菜单的一样。

2015年7月30日14:31:48

上文说的我发现有一个问题,就是在联动菜单显示的时候,出现的问题。

这里的问题只会出现一个二级菜单。因为在php中,你只有一个。

那么要修改的后台文件如下。

明显我们需要的是一个三维数组

前台的js如下。

这样你的二级菜单就没有问题了。

关于联动菜单

如果是一些简单的区域,就不必要来回使用ajax频繁操作数据库。

可以考虑用js数组,直接放在js里,来调取,只取一次数据库即可。

php代码后台如下

然后是前台的js代码,试用jquery

这里的那个数组个数的方法,count,是因为如果用obj.length的话,有可能是undefined的类型。用一个conunt方法比较容易。

删除操作的确认按钮