• 流浪犬问题待解:多地加强收容管理 避免再度遗弃 2019-09-19
  • “钱妞”顶灰蓝头发亮相 接受《早安美国》访谈心情好 2019-09-13
  • 田夏彪学习、创新、反思:教育改革的关键词 2019-09-10
  • 公婆儿媳争讨房租租客不知给谁 司法所介入调解 2019-09-09
  • 郁可唯新造型中央车站开唱 “短发也可以性感和可爱” 2019-09-05
  • 林志玲现身机场穿粉色上衣变活力少女 2019-09-05
  • 第三届世界互联网大会 2019-09-03
  • 全运有约:李冰洁谈个人参赛感受和训练生活 2019-09-03
  • 故事中美两军举行人道主义救援减灾联合实兵演练 2019-08-13
  • 掌握新思想 开拓新实践——深入贯彻落实党的十九大精神系列述评之二 2019-07-30
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • 欢迎访问

    今日云南11选5走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    jquery信息提示框——clueTip的应用

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com clueTip是一款非常不错的,基于jQuery的信息提示插件。当鼠标滑向链接或者页面中的元素,会出现一个漂亮的提示框。提示框里的内容可以是本页面上的,也可以是通过ajax加载的的页面,clueTip还提供了许多可配置的参数,用户可以根据实际情况定制不同的效果和样式。

    查看演示DEMO 下载源码

    clueTip有以下特性:

    使用非常简单;

    可定制,提供大量参数可配置;

    提示窗口根据页面大小可以自动调整位置;

    可以ajax加载页面内容

    跨浏览器兼容,兼容IE6+,Firefox,Safria,Opera等主流浏览器。

    XHTML

    clueTip有两种展示提示窗口的方法,分为通过“rel”属性ajax加载远程页面内容和通过“title”属性(默认设置)加载页面内容。

    1、通过title属性加载内容

    鼠标滑向看看效果 

    2、通过rel属性加载远程页面内容

    Ajax加载PHP页面 

    Javascript和样式

    在之间加入jquery和clueTip插件以及样式clueTip.css。

    
    

    clueTip插件常用参数一览表

    参数 描述 默认值
    width 提示窗口的宽度 275
    height 提示窗口的高度 'auto'
    positionBy 设置提示窗口的位置:'auto', 'mouse','bottomTop', 'fixed' 'auto'
    topOffset 窗口相对(上)位移量 15
    leftOffset 窗口相对(左)位移量 15
    local 是否使用同一页面的内容,可以是页面中的一个DIV,这时应该设置rel="#ID" false
    attribute 用来承接窗口内容的属性 rel
    titleAttribute 窗口标题属性 title
    splitTitle 设置内容分隔符 ''
    showTitle 是否显示标题 true
    cluetipClass 窗口的样式,样式的名称格式为.cluetip-cluetipClass default
    waitImage 是否显示内容载入前的等待loading图片。 true
    sticky 是否当手工单击关闭时才关闭窗口 false
    closePosition 设置关闭按钮的位置:'top' or 'bottom' or 'title' 'top
    closeText 关闭按钮显示的内容,可以是文本,也可以是html图片 'Close'

    更多参数设置请到官方网站查看://plugins.learningjquery.com/cluetip/

    cluptip在用户点击了链接后,页面不会转向href地址,而是一点反应都没有,那怎么解决点了链接后直接转向该链接的页面呢?解决办法有:绑定a标签的click事件,代码如下:

    $('a.basic).bind('click',function(){
    	window.location.href=$(this).attr('href');;
    });
    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • 流浪犬问题待解:多地加强收容管理 避免再度遗弃 2019-09-19
  • “钱妞”顶灰蓝头发亮相 接受《早安美国》访谈心情好 2019-09-13
  • 田夏彪学习、创新、反思:教育改革的关键词 2019-09-10
  • 公婆儿媳争讨房租租客不知给谁 司法所介入调解 2019-09-09
  • 郁可唯新造型中央车站开唱 “短发也可以性感和可爱” 2019-09-05
  • 林志玲现身机场穿粉色上衣变活力少女 2019-09-05
  • 第三届世界互联网大会 2019-09-03
  • 全运有约:李冰洁谈个人参赛感受和训练生活 2019-09-03
  • 故事中美两军举行人道主义救援减灾联合实兵演练 2019-08-13
  • 掌握新思想 开拓新实践——深入贯彻落实党的十九大精神系列述评之二 2019-07-30
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • 马赢波 鲁多宝牛牛视频 中超足球直播视频建业对恒大 顶呱刮中国红贴吧 广西快乐双彩一彩票控 东北彩票网 澳洲幸运10开奖官网 王中王一肖中特论坛年 福建36选7开奖今晚 年王中王一肖中特论坛 北京pk10前二8码万能码 欢乐斗地主单机版下载 竞彩足球比分即时比分 贵州快3福彩网开奖结果 11选5号陕西