在图片上做标记并可以用图文展示插件jquery.ipicture.js-插件特效-星河码客

这个插件有以下特点：1、弹出层tips可以以滑动展开；2、弹出层tips可以以图文形式显示。JS引用代码：HTML代码：

启动插件：注意：$( “#iPicture” ).iPicture(); 只能放在

的后边。或者文件的结尾！参数说明class="ip_tooltip ip_img32" 这里说明ip_tooltip指的tip的绝对定位，ip_img32指的那个闪动的白点点的背景图的绝对定位，有三种大小：ip_img32,ip_img24,ip_big24style="top: 330px; left: 418px;" 指的是白点点的位置data-tooltipbg="bgblack" 指的是tip的背景，默认有两种颜色，白色 bgwhite，黑色 bgblackdata-round="roundBgW" 指的是背后闪动的白点点的位置，roundBgW是的是白色的由内向外闪动,默认大小30pxroundBgWIn是白色的由外向内闪动，默认大小24pxroundBgWInner是的是白色的由内向外闪动,只不过比roundBgWin更向内小一些，默认大小为20pxdata-animationtype="btt-slide" ，指的是滑动的形式，共有四种形式。btt-slide ，指的是 bottom to top 由下向上滑动ttb-silde ，指的是 top to bottom 由上向下滑动ltr-slide，指的是 left to right 由左向右滑动rtl-slide，指的是 right to left 由右向左滑动。

在图片上做标记并可以用图文展示插件jquery.ipicture.js

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»