简单实用jQueryposhytip-创新互联
jQuery Poshytip是一块提示性的插件,可以用来提示用户操作,提高用户体验
在新安等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站建设 网站设计制作专业公司,公司网站建设,企业网站建设,品牌网站设计,营销型网站建设,成都外贸网站制作,新安网站建设费用合理。首先去poshytip官网下载插件 http://vadikom.com/demos/poshytip/
必须引入的是jQuery的js文件和poshytip的js文件和css文件
移去看看
这样子的话基本就可以完成啦,下面提供参数和方法表
content 提示工具条中的内容,默认是从元素的title属性中获取。 className 提示工具条的样式 showTimeout 提示工具条出现前的过渡时间 hideTimeout 提示工具条消失的过渡时间 showOn 提示工具条触发方式,有'hover', 'focus', 'none'三种方式 alignX 提示工具条出现在水平方向相对当前元素的位置,有'right', 'center', 'left', 'inner-left', 'inner-right' alignY 提示工具条出现在垂直方向相对当前元素的位置,有'bottom', 'center', 'top', 'inner-bottom', 'inner-top' offsetX 相对X方向位移,数字 offsetY 相对Y方向位移,数字 hideTimeout 工具条消失的过渡时间 hideTimeout 工具条消失的过渡时间 hideTimeout 工具条消失的过渡时间 offsetY 相对Y方向位移,数字 allowTipHover 允许鼠标滑向工具条上方 fade 是否使用渐隐渐显动画,true/false slide 是否使用滑动动画,true/false 方法:show .poshytip('show'),手动触发显示提示工具条 方法:hide .poshytip('hide'),手动触发隐藏提示工具条 方法:disable .poshytip('disable'),手动触发禁用提示工具条 方法:enable .poshytip('enable'),手动触发启用提示工具条
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站标题:简单实用jQueryposhytip-创新互联
文章起源:http://scyanting.com/article/dhdohd.html