zoukankan      html  css  js  c++  java
  • 提示框

    $(function(){
    $("#box").tooltip({
    content: '<div style="200px;height:100px;border:1px solid black"><strong>内容提示<strong></div>', //显示的的范围大小
    //position:'right',//内容显示位置, top,bottom left,right 默认bottom
    // trackMouse: true, //提示框是否跟随鼠标移动
    //deltaX: 100, //显示水平位置与触发控件的位置距离
    //deltaY: 100, //显示垂直位置与触发控件的位置距离
    // showDelay: 1000, //延迟反应时间 毫秒
    // hideDelay: 1000 //隐藏反应时间 毫秒
    onShow: function (e) {
    $(".tooltip-bottom").css('left', '500');
    //alert('xiang');
    },
    onHide: function (e) {
    $("#box").tooltip('reposition'); //重置提示框位置
    },
    //onUpdate: function (content) { },//提示内容改变响应函数
    //onPosition: function (left, top) {
    // console.log("left:" + left + ",,,top:" + top);
    //},//显示提示框左上角的位置
    });
    $("#box").click(function () {
    $("#box").tooltip('update', '改变了'); //改变提示内容
    });
    });

  • 相关阅读:
    js简单的下拉选中效果
    简单的JS+HTML+CSS达成图片轮播
    JQ延时对象
    javascript特效----碰壁运动
    PHP---封装
    PHP---面向对象
    PHP----基础
    MySQL查询实例
    JS下拉列表
    MySQL基础操作
  • 原文地址:https://www.cnblogs.com/choii/p/5638246.html
Copyright © 2011-2022 走看看