`
caiyingying234
  • 浏览: 26754 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

模拟淘宝搜索框

javascriptjquery 
阅读更多 
<html>
    <head>
        <title>
         测试输入框
        </title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
        <script type="text/javascript">
		   $(function(){
           $("#q").focus(function() {
		    $("label[for=q]").hide();
           });

           $("#q").blur(function () {
		   //  alert($("#q").val());
　　        if ("" == $("#q").val()) {
　　　 　     $("label[for=q]").show();
　　        } 
         });
		 });
        </script>
    </head>
    
    <body>
        <form>
            <span>模拟搜索框:
                 <label for="q" style="visibility: visible; color: #666; position: absolute; left: 120px; top: 18px; ">输入您想搜索的宝贝</label>
                 <input id="q" type="text" autocomplete="off" title="搜索宝贝" name="q" size="25" />
            </span>
        </form>
    </body>
</html>

 

分享到：
| select是否可以存储对象？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    python selenium 模拟淘宝账号密码拉动滑动块模拟登陆抓取商品数据spider.py

    python selenium 模拟淘宝账号密码拉动滑动块模拟登陆抓取商品数据，通过模拟打开浏览器，进入登录页，获取表单位置，输入账号密码，模拟滑动块拉动，点击登录，搜索关键词，搜索，提取商品信息。

    Android搜索框Demo

    在Android应用开发中，搜索框（SearchView）是用户界面中的一个重要组件，它允许用户输入查询关键词，并在应用内或网络上执行搜索操作。本文将详细介绍如何在Android中实现一个基本的搜索框功能，主要基于Android...

    仿淘宝首页轮播广告

    在IT行业中，创建一个“仿淘宝首页轮播广告”是一项常见的网页设计任务，它涉及到前端开发、用户体验设计以及响应式布局等多个方面的知识。这个项目的主要目标是实现一个跨浏览器的广告轮播功能，确保在不同的设备和...

    小程序淘宝模拟

    2. 搜索功能：用户可以通过搜索框输入关键词查找商品。 3. 购物车：用户可以添加商品到购物车，调整数量，实现合并结算。 4. 用户系统：登录注册功能，以及用户信息的保存和显示。 以上就是关于“小程序淘宝模拟”...

    仿淘宝、京东历史搜索效果

    6. **交互设计**：良好的交互设计是关键，包括搜索框的提示文本、搜索历史的点击反馈、删除操作的确认提示等。Android提供了各种工具，如Material Design库，用于创建符合平台规范的交互元素。 7. **响应式布局**：...

    icomoon_淘宝边框栏的开发_zeroifv_

    在前端开发领域，"icomoon_淘宝边框栏的开发_zeroifv_" 是一个项目，旨在模拟淘宝网站的边框栏设计，为前端学习者提供实践机会。该项目包含了一些核心的前端技术，如 CSS（层叠样式表）用于布局和样式设计，HTML（超...

    旺掌柜模拟人工淘宝免费自动收藏软件 v9.1.zip

    如果没有可以自己在淘宝网注册后，通过购买别人的东西得到11个好评后就可以用来刷收藏了（淘宝搜索“一分钱”，有很多1分钱商品，买不同的商品买11个就够了）。或者直接从旺掌柜平台直接购买。   6、一个小号一天...

    Chrome浏览器插件-专注于淘宝数据采集.zip

    在淘宝数据采集过程中，首先需要模拟登录淘宝账号，以获取访问权限。这可能涉及到使用requests库发送HTTP请求，以及处理cookie和session。接着，爬虫会遍历网页，解析HTML或JavaScript生成的内容，这通常需要用到...

    Axure：模拟淘宝首页搜索栏.rp

    axure例子，axure例子，axure例子

    淘宝淘宝免费查单工具（淘宝登录，淘宝post，淘宝查单，淘宝代付）

    POST请求在描述中出现，意味着该工具可能允许用户模拟提交表单数据，例如搜索商品或者执行其他操作。POST请求用于向服务器发送数据，与GET请求不同，POST请求的数据不会显示在URL中，更适用于传递敏感信息。理解HTTP...

    Android文字上下滚动，仿淘宝头条。

    为了模拟淘宝头条的动态更新，我们可以考虑使用 Handler 和 Runnable 结合的方式来定时更新文本内容。通过创建一个Runnable对象，在run()方法中更新TextView的文本，然后使用Handler的postDelayed()方法来设定定时...

    Axure 淘宝网模板源文件.rar

    元件库可能包含了淘宝网站的特定组件，如搜索框、商品列表、购物车等，让设计师可以直接引用；样例文件则可能展示了如何使用Axure构建淘宝网页面的步骤，这对于初学者来说是非常有价值的参考；教程资料可能涵盖了...

    jQuery实现的类似淘宝网站搜索框样式代码分享

    同时，通过`.eq(index).show()`和`.siblings().hide()`方法，实现与悬停列表项关联的搜索框内容的显示和其它内容的隐藏，模拟了选项卡的效果。 ### 知识点四：交互体验优化 在实现类似淘宝网站搜索框样式时，代码...

    仿淘宝移动端的静态html5页面(比较全27个页面)

    6. **电商UI设计**：每个页面都是模拟淘宝移动端的，这意味着它们可能包括商品展示、购物车、分类导航、搜索功能、用户评价等电商网站常见元素。理解这些页面的设计原则和交互模式对于电商UI设计的学习至关重要。 7...

    模仿淘宝部分购物界面.

    2. **页面布局**：模仿淘宝购物界面，需要理解淘宝的页面结构，包括顶部导航栏、搜索框、商品分类、商品列表、商品详情页、购物车、用户登录/注册、结算等功能区域。这些都需要用HTML和CSS进行布局设计，确保响应式...

    springboot 集成elasticsearch,模拟京东搜索

    在本文中，我们将深入探讨如何将Spring Boot与Elasticsearch集成，以实现类似京东的搜索功能。Spring Boot作为流行的Java微服务框架，以其简洁的配置和开箱即用的特性深受开发者喜爱。而Elasticsearch则是一个强大的...

    python利用selenium通过cookies方式登录淘宝搜索页面

    登录成功后，我们可以使用Selenium的`find_element_by_*`系列方法找到搜索框元素，输入关键词并触发搜索： ```python search_box = driver.find_element_by_id('q') search_box.send_keys('Python书籍') search_box...

    Android仿淘宝demo

    2. 搜索功能：用户可以通过搜索框输入关键词查找商品。这涉及到EditText控件的使用，以及与后台的搜索API进行交互，将结果展示在列表中。 3. 商品详情页：点击商品卡片后，会跳转到商品详情页面，展示更详细的信息...

    淘宝数据排名分析优化专家2.3 永久免费版

    4. **百度刷相关搜索刷下拉列表框软件**：虽然标题提到的是淘宝工具，但这个文件名表明它与百度搜索引擎有关。刷百度相关搜索通常用于影响百度下拉框中的关键词推荐，但这可能违反百度的使用政策，商家需谨慎对待，...

    高仿淘宝主界面

    界面通常包括搜索栏、导航菜单、商品展示区域、活动推广和个性化推荐等关键元素。在设计过程中，我们需要注意以下几点： 1. **布局设计**：淘宝主界面采用的是响应式布局，能够适应不同屏幕尺寸的设备。要实现这一...

Magicbox
Global site tag (gtag.js) - Google Analytics