效果图:
[img]http://dl2.iteye.com/upload/attachment/0087/0206/bfe0a198-baa5-3aaa-a7c5-5da07bc106e6.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0087/0208/af8cffb4-7854-3799-ac7a-7221520f88c9.png[/img]
[size=large][color=green]一、显示样式[/color]
上传控件显示为一个图片
点击图片选择文件,直接上传。
[color=green]二、原理:[/color]
1、一个容器背景图是一个图片
2、File控件放在另一个容器中,并且透明化。
3、当鼠标在图片容器中移动时,变化file的位置,使其始终处于可点击范围内。[/size]
[size=large][color=green]三、注意使用时加上透明样式(去掉注释即可)、替换图片。[/color][/size]
[img]http://dl2.iteye.com/upload/attachment/0087/0206/bfe0a198-baa5-3aaa-a7c5-5da07bc106e6.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0087/0208/af8cffb4-7854-3799-ac7a-7221520f88c9.png[/img]
[size=large][color=green]一、显示样式[/color]
上传控件显示为一个图片
点击图片选择文件,直接上传。
[color=green]二、原理:[/color]
1、一个容器背景图是一个图片
2、File控件放在另一个容器中,并且透明化。
3、当鼠标在图片容器中移动时,变化file的位置,使其始终处于可点击范围内。[/size]
[size=large][color=green]三、注意使用时加上透明样式(去掉注释即可)、替换图片。[/color][/size]