为了账号安全,请及时绑定邮箱和手机立即绑定
  • 点击输入框蓝色区域去除outline:none 按钮和输入框可以去除边框border:0
    查看全部
    0 采集 收起 来源:Bing搜索框制作

    2015-10-14

  • 鼠标滑过显示小手形状cursor:pointer
    查看全部
    0 采集 收起 来源:实战题

    2015-10-14

  • <meta http-equiv="X-UA-Compatible" content="IE-edge"/> http-equiv:超文本传输协议标题信息 x-ua-compatible浏览器兼容模式
    查看全部
  • 根据原始ID获取元素和为元素绑定事件的两个函数: getDOM(),addEvent();
    查看全部
  • <input type="text" x-webkit-speech=""> 设置文本框中语音输入的功能:添加x-webkit-speech=""代码即可
    查看全部
  • AJAX $.get(url, callback, 'json'); 注意:Ajax发送请求的url地址与服务器地址必须是在同一域名下。
    查看全部
  • 一直认为:2个空格是一个汉字,后来发现和字符编码也有关系。 utf-8编码下(宽字节的表示法):是3个空格一个汉字,utf-8默认的是英文字体,对汉字的处理不是很友好。 gbk编码下:是2个空格一个汉字。 如果想要2个空格一个汉字的话,把默认字体设置为宋体就可以了。 解决类似登陆字体对齐的问题。
    查看全部
  • 其他兼容模式解决方案,如google的: ie7-js是一个JavaScript库(解决IE与W3C标准的冲突的JS库),能使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器,修复了许多的HTML和CSS问题,使透明PNG可以在IE5、IE6下正确显示。 使IE5,IE6兼容到IE7模式(推荐) <!–[if lt IE 7]> <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script> <![endif]–> 使IE5,IE6,IE7兼容到IE8模式 <!–[if lt IE 8]> <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js” type=”text/javascript”></script> <![endif]–> 使IE5,IE6,IE7,IE8兼容到IE9模式 <!–[if lt IE 9]> <script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script> <![endif]–> 解决PNG显示问题: 只需将透明png图片命名为*-trans.png。 需注意:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器。
    查看全部
  • 文档模式(document mode)是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS,可以使用JavaScript的哪些API,以及如何对待文档类型(doctype)。 “X-UA-Compatible”的值有两种方式:Emulate+IE版本号、单纯版本号。 这两种区别: EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE8:如果声明了文档类型,则以IE8标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE7:如果声明了文档类型,则以IE7标准模式渲染页面,否则将文档模式设置为IE5。 9:强制以IE9标准模式渲染页面,忽略文档类型声明。 8:强制以IE8标准模式渲染页面,忽略文档类型声明。 7:强制以IE7标准模式渲染页面,忽略文档类型声明。 5:强制以IE5标准模式渲染页面,忽略文档类型声明。 Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。 也许在实际使用 X-UA-Compatible 的时候,会出现不管用的情况,这时,不能单单的只是加:meta,还需要,把DOCTYPE的定义<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 去掉,这样就可以了:<!DOCTYPE html>。 以下是写法列表: <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" /> <meta http-equiv="X-UA-Compatible" content="IE=7,9" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
    查看全部
  • IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。 兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: <meta http-equiv="X-UA-Compatible" content="IE=8"><!--以IE8模式渲染--> <meta http-equiv="X-UA-Compatible" content="IE=7"><!--以IE7模式渲染--> 针对ie8,ie9分别禁用兼容模式: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"> 这样设置后IE中设置兼容模式的按钮也会消失,完美解决了兼容模式问题,可以按F12打开“开发人员工具”来检查浏览器模式。
    查看全部
  • <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 这段代码可解释为:如果安装了GCF,则使用GCF来渲染页面「"chrome=1"」,如果没有安装GCF,则使用最高版本的IE内核进行渲染「"IE=edge"」。 要指定该页面使用Chrome内核来做渲染,前提是用户必须已经安装了Google Chrome Frame。 Google Chrome Frame「Google Chrome 浏览器内嵌框架 - GCF」由Google开发,使用GCF可以让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核,并且支持Windows XP及以上系统的IE6/7/8。 官方对其定义: ■可使用开放式网络技术(如 HTML5 canvas 标记)立即启动,甚至包括 Internet Explorer 6、7 或 8 尚不支持的技术。 ■可利用 JavaScript 性能增强功能,使应用程序速度更快,响应更灵敏。
    查看全部
  • 字符集图标
    查看全部
  • IE兼容视图:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    查看全部
  • outline:none;去掉输入框被选中时的高亮边框
    查看全部
    0 采集 收起 来源:Bing搜索框制作

    2015-09-21

  • <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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