jQuery实用HTML元素热点标记插件

2017-09-21 18:25

  jquery-hotspot是一款在然后元素上创建和显示热点标记的jQuery插件。该热点标记有两种模式:admin模式和display模式。admin模式下一行可以在所需的元素上创建热点标记。display模式只能够用于显示热点标记。热点标记是可以完全自定义的,一行可以通过CSS来控制热点标记的样式。

  的data对象中可以有任意数量的属性,并且可以使用CSS来定义样式。tag变量用于决定热点标记的类型。hotspotClass是热点标记的class名称。可以通过下盖该class来修改热点标记的外观样式。

  这里ajax和ajaxOptions是必须的,用于在admin模式中创建热点标记内容并保存于服务器端。在一些不能使用AJAX的情况下,数据会被保存在浏览器的LocalStorage中。

  热点标记的数据来自于服务器端的JSON格式数据。ajaxOptions对象可以用来修改HTTP的请求头。

  任何数量的信息/节点都可以填充在单个的热点中。可以使用dataStuff参数来进行传递。默认情况先该参数有两个节点:标题和内容。

  jquery-hotspot是一款在然后元素上创建和显示热点标记的jQuery插件。该热点标记有两种模式:admin模式和display模式。admin模式下一行可以在所需的元素上创建热点标记。display模式只能够用于显示热点标记。

  热点标记关联的数据可以直接通过插件参数来传递,也可以通过ajax来动态调用热点标记的数据。

  注意:告别元素的position属性不需要设置为绝对定位,你可以按照下面的代码来设置:

  在热点标记互动中有三个可用的参数: hover, click 和 none。

  的dataStuff参数中的default属性在每次创建新的热点时都会被覆盖。

  该热点标记插件可以用于页面中任何数量的HTML标签中。要制作这种效果,可以使用LS_Variable变量来传递页面中元素标识符(每个元素必须是唯一的ID标识符)。这样做可以使插件在使用HTML5LocalStorage是避免产生冲突。还有保存、删除和服务器同步按钮也必须使用唯一的标识符。