淘宝搜索条里的图片

zhang_zhen1234 2010-09-09 02:47:47

怎么实现像淘宝那样，搜索条里有个图片。就是textbox 里放个图片？？？

...全文

136 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

wuyq11 2010-09-09

打赏
举报

zhangdoublepan 2010-09-09

打赏
举报

就是css的backgrand属性

Ricercar 2010-09-09

打赏
举报

就是css的backgrand属性

gudengdulang 2010-09-09

打赏
举报

也想看看是怎么搞上去的!!

porschev 2010-09-09

打赏
举报

刚刷新了半天才看到那个小放大镜。。。

淘宝打开时那个框是获得焦点时。。。

我点到别处才看到

porschev 2010-09-09

打赏
举报

你是说的那个小放大镜？

那个方式应该好多。。。。你可以做一个图片都行

<input type="text" id="Text1" size="32" style="background:url(1.jpg) left no-repeat" />

就是一个背景图

当你得到焦点时。。把那个背景去掉就行了

zhang_zhen1234 2010-09-09

打赏
举报

[Quote=引用 6 楼 porschev 的回复:]
引用 4 楼 zhang_zhen1234 的回复:
引用 1 楼 porschev 的回复:
那是一个DIV里面放了一个button
我是说前面的那个图片，不是后面橙色的搜索的那个。是灰色的前面的，那个水印

找不着啊。。你发个截图看看。。什么水印啊。。
[/Quote] 我不会发图片。就是一打开页面。搜索条里有个“放大镜输入你想要的宝贝” 怎么做出的这种效果

porschev 2010-09-09

打赏
举报

[Quote=引用 4 楼 zhang_zhen1234 的回复:]
引用 1 楼 porschev 的回复:
那是一个DIV里面放了一个button
我是说前面的那个图片，不是后面橙色的搜索的那个。是灰色的前面的，那个水印
[/Quote]

找不着啊。。你发个截图看看。。什么水印啊。。

zhang_zhen1234 2010-09-09

打赏
举报

太复杂了能具体介绍下吗

zhang_zhen1234 2010-09-09

打赏
举报

[Quote=引用 1 楼 porschev 的回复:]
那是一个DIV里面放了一个button
[/Quote] 我是说前面的那个图片，不是后面橙色的搜索的那个。是灰色的前面的，那个水印

porschev 2010-09-09

打赏
举报

这是淘宝那块的源码,那个大框的样子是样式做出来的

  <div id="J_TSearch" class="tsearch">

        <div id="J_TSearchTabs" class="tsearch-tabs">

            <ul>

                <li class="tsearch-tabs-active"><a target="_self" href="javascript:void(0)">宝贝</a><s class="rc-tp-l"></s><s class="rc-tp-r"></s></li>

                <li><a target="_self" href="javascript:void(0)">淘宝商城</a><s class="rc-tp-l"></s><s class="rc-tp-r"></s></li>

                <li><a target="_self" href="javascript:void(0)">店铺</a><s class="rc-tp-l"></s><s class="rc-tp-r"></s></li>

                <li><a target="_self" href="javascript:void(0)">拍卖</a><s class="rc-tp-l"></s><s class="rc-tp-r"></s></li>

            </ul>

        </div>

        <div class="tsearch-panel">

                        <form id="J_TSearchForm" action="http://s.taobao.com/search" name="search" target="_top">

                            <div class="tsearch-panel-fields ">

                    <label for="q"></label>

                    <input name="q" id="q" autocomplete="off" accesskey="s" />

                    <s class="rc-tp-l"></s>

                    <s class="rc-bt-l"></s>

                </div>

                <button type="submit">搜索</button>

 

                <input type="hidden" name="commend" value="all" />

                <input type="hidden" name="ssid" value="s1-e" />

                <input type="hidden" name="search_type" value="item" />

                <input type="hidden" name="atype" value="" />

                <input type="hidden" name="filterFineness" value="" />

 

                                            </form>

            <s class="rc-tp-l"></s>

            <s class="rc-tp-r"></s>

            <s class="rc-bt-l"></s>

            <s class="rc-bt-r"></s>

            <ul class="tsearch-options">

                <li><a target="_top" href="http://search1.taobao.com/browse/ad_search.htm">高级搜索</a></li>

                <li><a target="_top" href="http://service.taobao.com/support/help-10020.htm">使用帮助</a></li>

            </ul>

        </div>

    </div>

</div>