我想做淘宝网上的搜索输入框的样子,但不知道他里面的阴影的图片是怎么放进去的,然后怎么定输入表单的样式,还有这个表单里面的“放大镜”与“输入您要的宝贝”这些点上去会没掉,这又是怎么实现的呢?
不好意思我没分可赏,不过希望你帮忙解决下啦谢了
我想做淘宝网上的搜索输入框的样子,但不知道他里面的阴影的图片是怎么放进去的,然后怎么定输入表单的样式,还有这个表单里面的“放大镜”与“输入您要的宝贝”这些点上去会没掉,这又是怎么实现的呢?
不好意思我没分可赏,不过希望你帮忙解决下啦谢了
1.首先说它的阴影边框其实没有放到文本框里面去,只是这个文本框外面套了一层稍大的div,然后给div加的阴影边框。
2.至于那个表单里面的“放大镜”与“输入您要的宝贝”这些点上去会消失掉的效果,就更简单了。“放大镜”与“输入您要的宝贝”这些文字都是放在一个div里面的,当你鼠标点击文本框的时候,用js判断一下,然后把那个div给隐藏掉就可以了。
3.我建议你用火狐的firebug查看一下它的源代码,一看你就明白了。