鼠标经过,在鼠标上方弹出气泡

大四下学期为学校的就业中心做前端开发,其中一个效果想做成下图所示的效果,但是气泡的位置一直无法按照预期呈现。放大或缩小页面会影响气泡的位置,滚动滚动条会影响气泡的位置,总之,问题多多。今天(2016/7/9)没有去实验室,鼓捣了一下,没想到弄好了。现将关键代码贴在下面,以方便他人和自己日后使用。

QQ截图20160709193155

Read more

JavaScript获取元素位置

代码中的x是元素。

 

设置某个元素的位置: Read more

IE下,ajax: 由于出现错误 c00ce56e而导致此项操作无法完成

当使用Ajax时,在chrome浏览器测试通过,但在IE浏览器中javascript出现错误“由于出现错误 c00ce56e 而导致此项操作无法完成”。

经过询问Google,发现是编码出现了问题。

由于使用Ajax,当然需要一个被请求页面,在我的项目中,该页面返回json对象数组,在修改之前写的是

Read more

JS实现hasClass、addClass、removeClass和toggleClass

为了方便判断某个对象是否有某个类(class)、向某个对象添加类以及删除某个对象的类,可以用下面的js代码来实现。

函数说明:

hasClass

  • 参数:obj                               操作对象
  •            cls                               类名
  • 功能:判断操作对象obj是否具有类名为cls的类

Read more

BootStrap中的网格系统(Grid System)

网格系统

在早期的BootStrap版本中,使用CSS中的row类(class)来创建水平行,使用spanx类(class)来创建垂直列,其中”spanx“中的x是一个数值,范围从1到12,例如span2span6之类。但是在后期的BootStrap版本(至少为3.0.0版本之后,3.0.0版本之前的没有测试)中,将spanx类替换成了col-md-x类,其中的x依旧是一个数值,范围从1到12,例如col-md-2col-md-6之类。

Read more