为了账号安全,请及时绑定邮箱和手机立即绑定
  • .search-tips{float:right;padding:3px 0 0 15px;} .search-tips a{color:#6c6c6c;} .search-button{float:right;} .btn-search{background: url(http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png); width:100px;height:45px;background-position: 0 -200px;border:0;cursor:pointer;} .search-common-panel{height:39px;background-color:#f50;overflow:hidden;padding:3px 0 3px 77px;} .search-common-panel input{height:39px;line-height:39px;width:100%;border:0;outline:0;background-color: #fff;;} .search-common-panel i{position:absolute;top:14px;left:86px;z-index:2;color:#ccc;} .iconfont{font-family:iconfont;font-size:12px;font-style:normal;}
    查看全部
  • /*高级搜索样式*/ .search{position:relative;} .search-list{position:absolute;top:3px;left:3px;width:72px;height:39px;overflow:hidden; border-left:1px solid #f6f6f6;border-right:1px solid #e5e5e5; }/*想对总search定位*/ .search-list li{display:block;height:39px;line-height:39px;overflow:hidden;background:#fff; text-align:center;} .search-list li a{color:#6c6c6c;} .selected{background:#f6f6f6;}
    查看全部
  • 语音搜索功能使用,只支持Chrom浏览器,语音识别等功能实现浏览器完成的,我们只是通过x-webkit-speech=""来调用 <div class="search-common-panel"><!--搜索内容框--> <input type="text" x-webkit-speech=""/> <i class="iconfont"> ő</i> </div>
    查看全部
  • 符号: ő 图片链接:http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png 字符集图标链接:http://img2.tbcdn.cn/tfscom/T1kOnLXe0iXXcuhVjX.JPG @font-face { font-family: iconfont; src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot); src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format("embedded-opentype"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format("woff"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.tff) format("truetype"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg"); }
    查看全部
  • background: url(http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png);
    查看全部
  • <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    查看全部
  • 搜索框
    查看全部
    0 采集 收起 来源:实战题

    2017-07-10

  • <meta http-equiv="X-UI-Compatible" content="IE=edge">//解决浏览器兼容问题(适应当前最新版本IE浏览器)
    查看全部
  • 经典
    查看全部
  • 实现在chrome下的语音输入功能
    查看全部
  • 定义JSON格式 var x = {name : xiaoming } // 可以直接 x.name 识别 定义JSON格式 var x = {"name" : "xiaoming"} // 不可使通过x.name识别,因为是字符串 可以通过 var x = JSON.parse{"name" : "xiaoming"} // 将其转换为JS可以识别的格式
    查看全部
    1 采集 收起 来源:JS实现Ajax方法

    2018-03-22

  • 事件代理 $(document).delegate('li','click',function(){ }) // 对动态产生的许多元素做事件代理,一般绑定在他的父元素上,对Li,则里面填li location // 跳转
    查看全部
  • 在chrome下,输入框聚焦的时候,会有蓝色的边框 去掉的方法css中outline:none
    查看全部
    0 采集 收起 来源:Bing搜索框制作

    2017-06-20

  • <input type="submit"> // 有提交表单的功能 <input type="button"> // 只是一个按钮,没有提交表单的功能 <button>....</button> // 按钮中间可以图文并茂
    查看全部
    0 采集 收起 来源:标签讲解

    2018-03-22

  • delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。
    查看全部

举报

0/150
提交
取消
课程须知
具有HTML、CSS样式、Javascript、jQuery基础知识
老师告诉你能学到什么?
可以利用HTML、CSS样式制作出搜索框效果,并使用Javascript及jQuery代码实现Ajax技术分别实现搜索引擎的制作。 1. 定位元素 2. 输入框、按钮美化 3. 修复IE兼容性问题 4.使用Javascript代码实现Ajax技术 5.使用 jQuery代码实现Ajax技术 6.同源原理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!