老师当年没给课件前端高级工程师jquery网络字体图标使用

大家好,如果您还对网站设计logo源码不太了解,没有关系,今天就由本站为大家分享网站设计logo源码的知识,包括老师当年没给课件前端高级工程师jquery网络字体图标使用的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

?例如:一号店左侧二级菜单小图标即使用该方法制作。

第一步,下载字库文件

该类图标类似于特殊文字,需要有对应的字库文件支持,所以第一步我们应该获得该网站图标的字库文件。

?打开网站源代码,找到css文件,在里面搜索并下载后缀为eot、svg、ttf、woff的字库文件

第二步,添加CSS控制代码

在css中添加以下代码,其中蓝色的部分分别是四个字库文件的路径

@font-face{

font-family:’iconfont’;src:url(‘iconfont.eot’);

src:url(‘iconfont.eot?uxiconfont’)format(‘svg’);

}

第三步,控制html元素

在html中加入具体符号的特征码即可

?一定要给该标签加font-family:”iconfont”属性

?例如:<spanstyle=’font-family:”iconfont”;’>&#xf0007;</span>

AJAX技术介绍

AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

?AJAX中文名字叫做“异步”,即通过无刷新操作即可实现数据的前后交互,节省时间,提高效率的同时也有利于用户体验的提升。

?由于AJAX是在后台进程中进行数据传输,数据不容易被搜索引擎抓取到,所以网页当中对优化有作用的内容一般不用AJAX技术来请求加载。

AJAX使用方法

?jquery中AJAX技术的核心方法:

$.ajax({

url:”deal.php”,//数据发送地址type:’post’,//数据传输方式

data:{‘mingzi’:’老孙’,’waihao’:’后盾好人’},//需要传送的数据dataType:’json’,//返回的数据格式

success:function(){

//这是成功接收到返回结果后执行的函数

关于网站设计logo源码到此分享完毕,希望能帮助到您。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平