网页效果的实现与引入js和css的顺序
今天一个网站需要用到tooltip效果,我采用了jquery和interface插件来实现,但在插入代码时却出现很多问题,花了一下午才解决。问题出在CSS和JS的引入顺序上。
以上代码可以正常实现tooltip效果,而如果把js移到<a href=”http://www.chenfangyi.com” class=”atooltip” title=”fangyi’s blog”>tsenfine</a>之前,变成:
这样子就没有了tooltip效果。可以证明tooltip效果中,js必须在要实现的效果的元素之后。 现在判断CSS的位置是否有影响,把css移到最后一行,变成 也可以实现效果,证明css的位置是不影响的
我试过了,把以上代码的的CSS和JS独立出来为.css和.js文件并不影响。不充分的证明了,CSS和JS的效果跟插入的位置是有关系的,而跟引入的方式无关(外链与内置是一样的)。比如这个例子,js必须在要实现效果的元素之后(是元素,不是CSS之后)。
